SoftBestsWonder
An agent-native canvas that runs your real app and lets you edit screens as code-backed layers.
Best for
Designers and design engineers who want Claude Code, Codex, or Cursor working on the same canvas as the interface.
Why it deserves attention
Wonder connects a GitHub repository and runs the real app inside the canvas, so screens are editable layers backed by the code that ships. It imports Figma selections, exports React and Tailwind, and connects to Claude Code, Codex, Cursor, Claude Desktop, Antigravity, or any MCP client; the agent runs on the subscription you already have rather than Wonder credits. The free plan covers one editor, 3,000 AI-generated layers a week, unlimited files, code export, Figma import, and all shaders. Pro is $16 per editor a month on yearly billing and removes the layer cap, adds AI image and vector generation, shareable running apps, and team collaboration. It runs in the browser and as a macOS or Windows desktop app. The catch is that the product was rebuilt around agents in late 2026, so workflows and docs are still settling.
Ratings & reviews
0 ratings0 people rated this
No ratings yet. Be the first to rate this tool.
Can replace
Related and alternatives
More in Design & prototyping
Underrated72pt
A hand-picked catalogue of 886 free typefaces you can preview in your own words and install on a Mac in one click.
UnderratedBlueprint
Describe a generative design tool and get a working, editable browser tool with presets and high-resolution export.
UnderratedDabbit
A color-managed Mac color picker that copies the format each app expects and sends palettes to Figma.