Wonder

Design on a canvas that Claude can read and write to. Generate UI from your code, sync designs and components, and ship faster. Wonder MCP connects Claude directly to your canvas, where it can inspect existing designs, components, variables, and documentation, create new screens and flows, and edit designs in place. Because Wonder is built on real HTML and CSS, Claude works with the actual design structure and styling instead of screenshots. Bring your product context onto the canvas, explore and refine UI, and move approved designs back into production without rebuilding them.