# [Wonder]() [wonder.design]() Design canvas where you and your agents work on a live app, then send approved changes back to code. [Graphic Design]()[UI & UX Design]()[Web Design]()[Development]()[Artificial Intelligence]() Media 1 of 2 ## About Wonder 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 ## Features - Desktop app for Mac and Windows, plus the browser - Claude Code and Codex built in, on the subscription you already have - Run the live app on the canvas and capture screens as editable layers - The agent applies approved changes back to the code - Free, or Pro at $20 per editor a month ($16 billed yearly) ## FAQs Common questions about Wonder Is Wonder free? Yes. Free is $0 for one editor and includes your own agent subscription, 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. Which agents does the new Wonder include? Claude Code and Codex are built into Wonder Chat and run locally on the subscription you already have. The homepage lists Cursor and OpenCode as coming soon. Other agents can connect over MCP. Where does the new Wonder run? Wonder's changelog says the new Wonder is in the desktop app for Mac and Windows. Wonder also runs in the browser. The changelog does not say every new desktop capability is in the browser. ## Similar products - [![Stitch]() Stitchstitch.withgoogle.com AI-powered UI design tool by Google — generate mobile and web app interfaces from text prompts.]() - [![Google Playground]() Google Playgroundplayground.google 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+.]() - [![Lovable]() Lovablelovable.dev 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.]() - [![Replit Design]() Replit Designreplit.com AI-powered design tool by Replit — describe what you want and get professional, brand-consistent designs in minutes.]() - [![Zaro]() Zarozaro.ai An AI workspace that lets you build context-aware agents, apps, and workflows on top of your own company data — from a single prompt.]() - [![Playabl]() Playablplayabl.ai 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.]() --- Canonical source: https://creatorstoolbox.com/products/wonder-design