# Wonder

An agent-native canvas that runs your real app and lets you edit screens as code-backed layers.

HTML: https://softbests.com/software/wonder
Markdown: https://softbests.com/software/wonder.md
Website: https://wonder.design/

- Category: [Design & prototyping](https://softbests.com/category/design-prototyping)
- Pricing: Freemium
- Platforms: macOS, Windows, Web

## 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.

## Can replace

- [Figma](https://softbests.com/software/figma)

## Related and alternatives

- [Paper](https://softbests.com/software/paper)
- [Cursor](https://softbests.com/software/cursor)