Wonder is an AI design tool where the canvas and the codebase are the same artifact. Designers prompt for screens, variants, or flows; the tool generates them as editable layers, and every element maps 1:1 to React and Tailwind that's ready to ship. Edits stay on the canvas — change spacing, swap an image, adjust copy, regenerate a theme — and the code updates in lockstep, so there's no separate handoff.

It also connects to coding agents like Claude Code, Cursor, and Codex through an MCP server, pulling existing components and design tokens from a codebase into the canvas, and pushing finished designs back. Wonder is in public alpha; pricing starts at $20/mo with heavier tiers up to $200/mo, plus a free plan when you connect your own coding agent.