Wonder
ChatGPT pluginDesign on a real-code canvas
Wonder connects ChatGPT and Codex to a canvas where every design is real code. Your agent can inspect existing designs, components, variables, and documentation, create new screens and flows, and edit designs in place. It works with the actual HTML and CSS structure instead of screenshots, so you can design from your codebase and move approved designs back into production without rebuilding them. Wonder requires a Wonder account. It works on any Wonder file you can reach, and the Wonder app does not need to be open.
- Featured
- No
not on the featured shelf
Movement
From our daily snapshots over the last 30 days.
Rank by placement
Rank in Creativity
In its category
How this plugin compares with others in the same category. Positions are counted within the category, not across the whole directory.
Creativity542nd of 699 by placement
| # | Plugin | Position | 7d |
|---|---|---|---|
| 540 | #8350 | — | |
| 541 | #8351 | — | |
| 542 | #8353 | — | |
| 543 | #8362 | 203places up | |
| 544 | #8365 | — |
Also on other marketplaces
Screenshots
Example prompts
- “Use the Tailwind tokens from my repo and design a pricing page in Wonder”
- “Implement my Wonder design in this codebase, using my code conventions”
- “Match this Wonder artboard's style to the components in src/components/”
Skills
wonder-design
Create, inspect, or edit Wonder canvas designs through Wonder MCP. Use when a request names Wonder or links a Wonder canvas and asks to work with designs, artboards, elements, components, tokens, or design-to-code and code-to-design workflows.
- Categories
- Sign-in
- On Install
- Capabilities
- Interactive, Read, Write
- Availability
- Available
- Version
- 0.2.2
- Keywords
- wonder, design, ui, canvas, design-to-code, code-to-design, design-system, mcp
- Created
- October 9, 2026
- More info
- Sponsorship
- Promote this plugin