Wonder vs Paper
Wonder and Paper both design with real HTML and CSS. The difference is where your agent lives.
In Paper, the agent stays outside the app. You run it in a separate tool, like a terminal, and it reaches the canvas through Paper’s local MCP server.
In Wonder, the agent lives inside the app, right on your canvas. Connect a GitHub repo or local folder, and it works in your code and running app too. Point at a frame or an element in your live app, and Claude Code or Codex knows exactly what you mean. It designs the change, builds it and checks the result, without you copying context between tools. When one agent isn’t enough, run several in parallel, each in its own copy of your project. That’s what makes Wonder a design harness.
| Feature |  Wonder |  Paper |
|---|---|---|
| AI | ||
| Remote and headless MCP | Available | Not currently available: Local MCP only |
| Built-in agent chat | Available: Claude Code, Codex | Not currently available: External agent via MCP |
| Parallel agents | Available | Not currently available: Run outside Paper |
| Manage multiple agent subscriptions | Available: Switch accounts inside Wonder | Not currently available: Managed outside Paper |
| GitHub and local folders | Available: GitHub or local repo | Partial or external support: Via external agent |
| Image and SVG generation | Available | Available |
| Canvas | ||
| Rendering engine | HTML/CSS | HTML/CSS |
| Performance | 4 out of 5 | 3 out of 5 |
| Live collaboration | Available | Available |
| Layout support | Flex, Grid, Block and Inline variants | Flex |
| Preview and prototypes | Available: Live app preview and code prototypes | Not currently available: Not available |
| Scale tool | Available: Native scale tool | Not currently available: No native scale tool |
| Aspect ratio, z-index and masks | Available: Native controls | Not currently available: No native controls |
| Inline text support | Available | Not currently available: Not available |
| Rich text editing | Available | Available |
| Icon library | Available: A shared icon library for each file | Not currently available: SVG import and vector editing |
| Variables and tokens | Available | Available |
| Shaders | Available: 1,000+ presets | Available: 30+ presets |
| Figma import | Available: Copy and paste designs | Available: Copy and paste designs |
| Webpage import | Available: Wonder Capture | Available: Paper Snapshot |
| Comments | In progress | Available |
| Components | In progress | In progress |
| Plans and limits | ||
| Free plan | 3,000 AI-generated layers / week. Tool calls are free. | 100 MCP tool calls / week |
| Pro | $20 / editor / month | $20 / editor / month |
Scroll horizontally to compare both tools.
From the community.
A few perspectives from people sharing their experience with Wonder.