Wonder es una herramienta de diseño con IA en la que el lienzo y el código son el mismo objeto. Le pides pantallas, variantes o flujos en lenguaje natural y los genera como capas editables, con cada elemento mapeado 1:1 a React y Tailwind listos para subir a producción. Las ediciones se hacen sobre el lienzo —cambiar espaciado, sustituir una imagen, ajustar el copy, generar un nuevo tema— y el código se actualiza al instante, sin el clásico traspaso entre diseño y desarrollo.

Además se conecta con agentes de código como Claude Code, Cursor y Codex mediante un servidor MCP, lo que permite traer al lienzo los componentes y design tokens que ya existen en el repo y devolver el diseño terminado al código. Está en alpha público; los planes empiezan en 20 $/mes y llegan hasta 200 $/mes, con un plan gratuito si conectas tu propio agente de código.