Wonder
Design on a real-code canvas
Wonder connects your AI 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.
What you can ask
- Use the Tailwind tokens from my repo and design a pricing page in Wonder
Example path → ·
MCP connector
- Server URL
https://mcp.wonder.so/mcp- Login
- OAuth
Tools
Reads data15
Changes data16
Deletes or can't be undone10
Skills
1 in the ChatGPT listing
Screenshots
Lucid#32
Webflow#68