Every time you switch between design and code, you lose something, your momentum, your fidelity, or your vision. The gap between what you designed and what ships has always been the cost of building. That’s why we built Wonder, a design tool where everything you create is backed by real code. Public Alpha is now live at wonder.design

Wonder What's Possible ✨

@QuiverAI is now in Wonder! You can now generate SVGs right inside your canvas. Think logos, typography, icons, lettering, illustrations and so much more. You can even vectorize any image in seconds. Try it now at wonder.design

Anyone can generate a vector now. The difference is what you find when you open it. Quiver's are clean. Fewer layers, real gradients, anchor points where a human would put them. Now available inside Wonder too!

👑 Meet the judges for Wonder x Contra challenge... They'll be the ones picking the winners, so make your submission count 👀 @DannPetty @floguo @MarkKnd @contraben @aibek_design

Here's what's up for grabs in the Wonder x Contra challenge 🏆 1st place: $5,000 2nd place: $2,000 3rd place: $1,500 4th place: $1,000 5th place: $500 Enter now! Let’s see what you wonder up! → c87.to/jul26-wonder-challeng…

Huge thank you to our incredible judges for being part of the Wonder x Contra challenge. They'll be reviewing submissions and picking the best of the best: x.com/DannPetty x.com/floguo x.com/MarkKnd x.com/contraben x.com/aibek_design

Wonder's first ever design challenge is here. 👀 $10,000 in prizes, free Pro for the month to build something wonderful. → c87.to/jul26-wonder-challeng…

Something is coming June 29. 👀 The Wonder x Contra challenge drops Monday. Stay tuned.

Designers...how long does it take you to make 3 color variants for a prototype? One prompt in the Wonder chat and in 10 seconds you have 3 fully adjusted color palettes across your entire design. Try it on wonder.design

A few example buttons made entirely in Wonder. No code touched, just shaders. 👀

Every Shader parameter is adjustable in real time: Scale, Refraction, Color, Thickness, Chromatic Aberration, Swirl Speed, and so much more. Dial in the exact look you want, no code required.

You can also add any image, this one turns a photo into a reactive ASCII-style grid.

Drop your logo or any SVG to elevate your brand. This logo uses a shader that mimics light bending through a translucent surface!

We just added over 700 shader presets into Wonder! You can now attach any SVGs, images and work with really unique shaders all inside of a canvas. We’re very excited to partner with @npm_i_shaders for this launch 🚀 Try it now at wonder.design

Happy @SpaceX IPO Day! 🚀 $SPCX

We just one-shotted Wonder in Wonder with Claude Fable 5 💥

We're not built for strong headwinds

This is such a great take by Yoko. It confirms a thesis we've had for years, that design tools need to be based on code. As more work is done by AI agents, design tools that are built on code will get increasingly more powerful for designing with because the agent can read it, edit it, and verify it directly instead of translating in and out of a vector format. Great to see @usewonder to be mentioned here!