Design canvas where you and your agents work on a live app, then send approved changes back to code.
Wonder is a design canvas from the Wonder team at wonder.design. The new Wonder, in the desktop app for Mac and Windows, is where you and your agents design and code on the same canvas. Claude Code and Codex run locally through the subscription you already have, with your skills and plugins, and Wonder does not add in-app credits for them.
You can run your real app beside the designs, click through it at phone, tablet, or desktop size, and capture any screen as editable layers. The agent then applies approved changes to the code. A GitHub repository connects through the computer's own GitHub login.
Wonder says the repository is cloned to your machine and is not stored on Wonder's servers. Free is $0 for one editor, with 3,000 AI-generated layers a week and unlimited private files. Pro is $20 per editor a month, or $16 billed yearly, and adds unlimited AI-generated layers, image and vector generation, sharing the running app, and team collaboration.
Enterprise is custom. The homepage lists Cursor and OpenCode as coming soon. Wonder also still imports from Figma, exports code, and connects other agents over MCP.
Pricing: Free is $0 for one editor: your Claude Code or Codex subscription, several agents at once, 3,000 AI-generated layers a week, and the live app on the canvas. Pro is $20 per editor a month, or $16 billed yearly. Enterprise is custom.
Pricing model: Freemium
Common questions about Wonder
Wonder's new Mac and Windows desktop app puts your running app on the design canvas. You can click through it at different screen sizes, edit elements in place, or capture a screen as editable layers, then have an agent apply the changes to code.
Claude Code and Codex run locally in Wonder Chat using your existing subscription, skills, and plugins. Each chat has its own worktree, and you choose the agent's permissions. Wonder doesn't sell in-app credits for them.…
Wonder is now an official Grok Bot plugin. You can work with your Bot on a live canvas, trying layouts and styles and refining designs together.
Read the original announcement →
Handles are live in Wonder. You can now claim yours.
Wonder has live collaboration, with teammates' cursors on the same canvas and edits backed by real code.
Full editor collaboration requires Pro at $20 per month, or $16 per month billed yearly. The free plan supports viewer-only invites.
You can now generate SVGs with QuiverAI inside Wonder's canvas, including logos, typography, icons, lettering, and illustrations. The integration can also turn an existing image into a vector.
Wonder has added over 700 shader presets in partnership with Shaders.com. You can attach any SVG or image to a shader and edit it directly on the canvas.
Claude Opus 4.8 is now available in Wonder for design generation.
Wonder can now import Figma files and generate React and Tailwind code from the designs. Wonder says it refines the design during import so the generated code matches what you drew.
You can now sign in to Wonder with your Google, GitHub, or Microsoft account.
Other products to explore and follow.
The people behind Wonder
AI-powered UI design tool by Google — generate mobile and web app interfaces from text prompts.
Describe a game in chat, test it in the browser, and change the rules, physics, or characters by asking. Experimental, for U.S. users 18+.
Describe a web app in plain language and get a working full-stack build — UI, database, and deployment — then iterate by chatting with the AI.
AI-powered design tool by Replit — describe what you want and get professional, brand-consistent designs in minutes.
An AI workspace that lets you build context-aware agents, apps, and workflows on top of your own company data — from a single prompt.
Turn any game idea into a playable web game through AI chat — describe it, iterate in real time, and publish a shareable link in minutes.
