Wonder - The AI design agent that works on your canvas
byโข
Wonder puts an AI design agent directly on the canvas. Generate UI, graphics, and pitch decks, then select any element to refine in real time. Connect MCP to coding agents like Cursor and Claude Code to ship straight from design. Now in public alpha.
Replies
RiteKit Company Logo API
@superaibekย Love the origin story here - that handoff problem is so real. The idea of keeping design and code on the same canvas from day one is a solid insight from building Superflex. Curious how you're handling the real-time collaboration aspect when teams are working on the same project.
@osakasaulย Hi Saul, we are actually adding collaboration into Wonder next week! You can always follow our latest updates on our X account at https://x.com/usewonder/
@superaibekย As someone who's lost hours rebuilding designs, what's one "aha" moment from early users that's already shaping Wonder's next features?
@dayal_punjabiย the "aha" moment for me personally was getting lost for hours generating 20+ designs on a canvas, iterating, creating variants and see beautiful designs come to life. So we want users to make a first generation and see the wonder in the product!
LeadDelta
@superaibekย Aibek, well done! Been following you guys for quite some time, and I am super excited to start using Wonder! ๐
@vedranrasicย thank you Ved, it's been exciting so far!
Netlify
Hey PH fam ๐
Thrilled to hunt Wonder on Product Hunt today. This one hits close to home.
I've watched the design-to-code handoff break teams for years. Designers craft something beautiful in Figma. Developers rebuild it from scratch. And somewhere in between, the original intent gets lost.
Aibek and Boris lived that pain firsthand building Superflex. Then they asked the right question:
What if design and code never had to be separate in the first place?
That's Wonder.
It's an AI design agent that lives directly on the canvas. Not a generator you prompt and wait on. An actual agent you collaborate with in real time.
โ Describe what you want. It designs it.
โ Click any element. Refine it on the spot.
โ Nothing is a static image. Everything is editable and ready to ship.
You can build websites, app UI, marketing graphics, pitch decks, and UI components โ all from one canvas.
And here's the part that made me stop:
Wonder ships with an MCP server. Connect it to Cursor, Claude Code, or Codex and your coding agent pulls the design straight into your codebase. No screenshots. No rebuilding. No lost craft.
The gap between "I designed it" and "it's in production" just got a lot smaller.
Still early โ public alpha, free to try with credits included. But the vision is clear and the team in Serbia has been shipping nonstop to get here.
Big congrats to Aibek, Boris, and the whole Wonder team ๐
Drop your questions and feedback below ๐
Superflex
@thisiskp_ย
Appreciate the thoughtful feedback ๐
That handoff pain is exactly what led us here โ weโre trying to remove it entirely, not just improve it. MCP + integrations with tools like Cursor and Claude Code are a big part of that vision.
Still early, but excited to keep pushing this forward ๐
Build Check
Hey Aibek! Love the idea. How is the business model? Is it like a subscription? Wondering if brands or founders that need one shot designs gonna take it if so. Anyway it looks awesome and I wish you all the best here!
@german_merlo1ย hi German, thank you for the question! We are currently subscription-based and very generous in our free plan - if you connected to Claude Code or Cursor it's basically free :) Or plans for start at $20/mo which is perfect for hobbyists or those that need designs once in a while to $200/mo for heavy users and agencies. Make sure you use the discount from Product Hunt as well!
Nice work!
Over the past few months, a few tools have launched in this space.. how do you guys compare against them? (e.g. https://pencil.dev/, https://paper.design/, http://figr.design/, Claude Design, etc.)
Great work!
@abhishekmathurย Hi Abhishek, great question! Wonder is the easiest one to use out of the three - no MCP or Claude Code set up is required. Also, we are diving more into ideation where you can explore an find incredible designs as well. Hope that helps!
Command Center
@rayimbekย thank you for your continuous feedback! It's only getting better from here!
21st
lets goo!
MCP handoff to Cursor/Claude Code is the part I'd watch โ most design-to-code tools fall apart on token consistency once you hit a real codebase. Curious what the round-trip looks like: do design tweaks in Wonder reflect back from code, or is it one-way generation?
BlogBowl
Congrats on the launch! Curious, how is it better than Claude Design?
This is a really compelling vision. As a solo founder doing both design and dev for my app Sorti, the handoff isn't between two people it's between two versions of me, and so much intent still gets lost in translation. The MCP integration with Cursor/Claude Code is the part that genuinely surprised me. Excited to try the alpha.