Claude Design vs. Stitch, v0 y Open UI: El Agente No Es una Herramienta
Claude Design de Anthropic entra en la carrera de las UI por IA contra Google Stitch, Vercel v0 y Open UI. Por qué un agente que diseña a través de tu codebase es otra categoría.
En marzo, ordenamos la carrera de las UI generadas por IA en dos categorías: herramientas e infraestructura. Google Stitch y Vercel v0 eran herramientas, compitiendo por generar tus pantallas. Open UI era infraestructura, estandarizando silenciosamente de qué están hechas esas pantallas. El marco aguantó bien. Cuatro meses después, está incompleto.
El 17 de abril, Anthropic Labs lanzó Claude Design, y la mayoría de la cobertura lo archivó como "el competidor de Stitch de Anthropic". Esa es la lectura obvia, y es incorrecta de una forma instructiva. Claude no está entrando en la carrera del diseño como otra herramienta. Está entrando como algo para lo que la taxonomía original no tenía casilla: un agente general que, entre otras cosas, diseña.
El Marcador: Stitch, v0 y Open UI Desde Marzo
Las dos categorías han estado ocupadas. Stitch recibió su mayor actualización hasta la fecha en Google I/O el 19 de mayo: un "Stitch Agent" en tiempo real que va proyectando interfaces sobre el canvas mientras escribes o hablas, entrada por voz, corrección de rumbo a mitad de generación, y rutas de exportación a Google Antigravity o publicación directa a través de Netlify. Sigue siendo un preview de Google Labs con límites mensuales de generación y una reputación de tropiezos de fiabilidad.
Vercel reposicionó v0 en febrero: de juguete de prototipado a constructor de producción. Importación de repositorios, un flujo de trabajo git-first que permite a los no ingenieros abrir pull requests, y conexiones de datos aseguradas. Para su evento Ship en junio, Vercel ya mostraba v0 incrustado dentro de productos enterprise en SAP y ZoomInfo, en lugar de venderlo como un destino independiente.
Y la capa de infraestructura siguió avanzando a su ritmo. Open UI ya lista cinco propuestas graduadas, incluyendo la Popover API y el elemento select personalizable, y el select personalizable fue aceptado como área de enfoque para Interop 2026, el esfuerzo anual de compatibilidad entre navegadores. Todavía solo está disponible en los navegadores Chromium estables, pero Mozilla y WebKit han tomado posiciones favorables. Poco glamoroso, lento, fundacional. Exactamente como se anunció.
Claude Design Es el Producto. El Stack Es la Historia.
Claude Design es la superficie de diseño de Anthropic Labs para Claude: un panel de chat junto a un canvas en vivo que produce diseños, prototipos interactivos, presentaciones y material de marketing. En la superficie, eso suena familiar. Describes la intención, obtienes una primera versión, y luego refinas mediante conversación, comentarios anclados a elementos específicos, ediciones directas de texto y sliders autogenerados para espaciado, color y layout. Los prototipos se comparten como enlaces con permisos de ver, comentar o editar, así que un equipo puede hacer pruebas de usuario con un mockup interactivo sin que nadie revise código.
Pero el lanzamiento se entiende mejor como la punta visible de un stack que Anthropic lleva dos años ensamblando. Claude Artifacts, el preview en vivo de panel dividido que salió a mediados de 2024, ha producido más de quinientos millones de artifacts según las cuentas de Anthropic. Un plugin oficial de Frontend Design para Claude Code, que es en esencia un archivo de instrucciones de cincuenta líneas, obliga al modelo a comprometerse con una dirección estética deliberada antes de escribir código y lo aleja explícitamente de las fuentes de sistema genéricas y los componentes de molde. Tiene más de un millón de instalaciones. Una integración con Chrome le permite a Claude abrir la interfaz que acaba de construir en un navegador real y verificar visualmente que coincide con el mock. Ninguna de estas piezas es una herramienta de diseño. Juntas suman un agente que puede diseñar, construir, mirar su propio trabajo y corregirlo.
La capacidad estrella es la pista: Claude Design ingiere tu design system desde tu codebase o tus archivos, verifica su propia salida contra él y se autocorrige antes de mostrarte nada. Un comando de sincronización mantiene los design systems alineados en ambas direcciones entre los repositorios de Claude Code y Claude Design. Eso no es una funcionalidad de canvas. Eso es un agente tratando tu design system como fuente de verdad.
Las Herramientas Compiten por Tu Flujo de Trabajo. Los Agentes Lo Disuelven.
Aquí está la distinción que vale la pena precisar, en el espíritu de la pieza original.
Stitch y v0 son destinos. Vas a ellos, trabajas dentro de su canvas o su editor, y exportas el resultado a tu flujo de trabajo real. Su negocio depende de que te quedes: v0 está acoplado al ecosistema de React y Next.js, Stitch al de Google. Open UI, en el otro extremo, es un lugar donde nadie trabaja. Es el vocabulario compartido debajo del trabajo de todos.
Claude no ocupa ninguna de las dos posiciones. No existe "el" lugar donde Claude diseña. Diseña en una ventana de chat, en tu repositorio a través de Claude Code, en una pestaña del navegador que está verificando, en una presentación que está exportando. El uso ni siquiera se mide por separado: Claude Design consume del mismo pool que el chat de Claude y Claude Code, lo cual es una decisión de producto silenciosa pero reveladora. Anthropic no está vendiendo una herramienta de diseño. Está vendiendo un solo agente con el diseño como una de sus competencias, conectado en pipeline directamente con la competencia de código del mismo agente, de modo que el desarrollo continúa desde el diseño y no desde una captura de pantalla del diseño.
Una prueba a cuatro bandas publicada esta primavera, que puso a Claude Design contra v0, Figma Make y Stitch en la misma tarea, llegó a una conclusión que respalda el marco: la calidad visual ya no es lo que separa a estos productos. Lo que los separa es el encaje en el flujo de trabajo y cómo manejan tus especificaciones. Que es exactamente lo que esperarías una vez que uno de los concursantes dejó de ser un flujo de trabajo y empezó a ser un colega.
La Subtrama de Figma Se Puso Incómoda
La historia colateral más interesante es Figma. Durante el invierno, Anthropic y Figma parecían socios modelo: en enero, la app de Figma en Claude empezó a convertir conversaciones, documentos de requisitos y capturas de pantalla en diagramas editables de FigJam, y en febrero la integración "Code to Canvas" empezó a reconstruir interfaces construidas por Claude dentro de Figma como capas nativas editables y grupos de auto-layout, en lugar de capturas planas.
Entonces Mike Krieger, chief product officer de Anthropic, renunció al board de Figma el 14 de abril. Claude Design se lanzó tres días después, y la acción de Figma cayó con la noticia. Para ser justos con todos los involucrados, la cobertura enmarca explícitamente la conexión entre la salida del board y el lanzamiento como una coincidencia sospechosa de tiempos, no como un hecho establecido. Pero la tensión estructural es real más allá del chisme: cuando el agente que escribe tu código de producción también produce diseños editables contra tu design system, el canvas que queda en medio tiene que defender su asiento.
Qué Cambia Realmente para los Diseñadores
Algunas lecturas prácticas, manteniendo intacto el escepticismo habitual.
Tu design system ahora es un input, y su calidad limita el output. La propia documentación de Anthropic dice que los resultados de Claude Design dependen directamente de la calidad de los archivos fuente del design system que recibe. Los equipos que trataron los tokens, la documentación de componentes y los nombres como tareas de mantenimiento están a punto de descubrir que estaban escribiendo el brief para su agente.
Esta es una historia de frontend, no de producto. Los reseñadores señalan de forma consistente que Claude Design no produce bases de datos, ni autenticación, ni lógica de servidor. El flujo de prototipo sin pull request es genuinamente útil para pruebas de usuario; no es algo que puedas lanzar a producción.
Es temprano, y se nota. El centro de ayuda de Anthropic lista entre las limitaciones actuales problemas de persistencia de comentarios, lag en repositorios grandes y edición simultánea de varias personas poco fiable. Trátalo como un research preview, porque eso es lo que es.
El argumento de la infraestructura salió fortalecido, no debilitado. Aquí es donde la pieza de marzo envejece mejor. Un agente que diseña a través de tu codebase se beneficia enormemente de componentes bien definidos, portables y consistentes entre navegadores. Cada propuesta de Open UI que se gradúa les da a los agentes mejores primitivas hacia las cuales construir y menos formas de alucinar estructura. Los agentes no vuelven obsoleta la capa de especificación. Hacen que cargue el peso.
El Marco, Revisado: Herramientas, Infraestructura, Agentes
Así que la taxonomía ahora tiene tres entradas:
- Herramientas (Google Stitch, Vercel v0, Figma Make). Generan interfaces dentro de su propio canvas y compiten por tu flujo de trabajo.
- Infraestructura (Open UI). Estandariza de qué están hechas las interfaces, para que el output de cada herramienta sea más portable.
- Agentes (Claude). Absorben el diseño como una capacidad entre muchas, tratando tu design system como fuente de verdad y tu codebase como el medio.
Stitch y v0 siguen corriendo por cerrar la brecha entre diseño y código. Open UI sigue decidiendo qué hay al otro lado de esa brecha. Claude está haciendo una apuesta diferente: que la brecha nunca fue realmente entre diseño y código, sino entre las personas y ambos.
Fuentes: Introducing Claude Design by Anthropic Labs, Get started with Claude Design, Frontend Design plugin, Turn ideas into interactive AI-powered apps, Think Outside of the Box with Claude and FigJam, How the Code to Canvas integration works, Anthropic faces tensions with Figma, Real-time design with Google Stitch, Introducing the new v0, Vercel Ship 2026 recap, I tested all four on the same task, Open UI