¿Qué cambia en Claude Design con su gran salto entre diseño y código?

Anthropic ha remodelado Claude Design para que el trabajo visual no termine convertido en una captura de pantalla abandonada junto a un correo que dice «ya lo programará alguien». La herramienta puede importar los componentes reales de una empresa, respetar su identidad gráfica y trasladar un prototipo directamente a Claude Code para continuar el desarrollo sin empezar de nuevo.

La actualización refuerza tres áreas muy concretas: sistemas de diseño, controles de edición más precisos y una conexión de ida y vuelta con el código. También promete un consumo de tokens más eficiente, uno de los puntos débiles señalados desde el estreno de la plataforma en abril. No es un simple lavado de cara: Anthropic intenta juntar en un mismo flujo lo que durante años estuvo repartido entre diseñadores, responsables de producto y programadores.

Claude Design nació como un espacio donde describir una interfaz, una presentación o una página web mediante lenguaje natural y recibir una versión visual editable. Ahora quiere ir más lejos. El objetivo ya no consiste únicamente en producir algo vistoso, sino en conseguir que ese boceto use colores, tipografías, botones y componentes auténticos y pueda convertirse en software sin perder media vida durante el traspaso.

Diseño y código dejan de vivir en habitaciones separadas

La novedad central es la integración más profunda entre Claude Design y Claude Code, el asistente de programación de Anthropic. Hasta ahora, el salto desde un prototipo generado por inteligencia artificial hasta un producto funcional podía convertirse en una mudanza torpe: capturas, archivos sueltos, instrucciones copiadas y decisiones visuales que se evaporaban por el camino.

Con el nuevo sistema, el diseño puede conservarse sincronizado con el entorno de desarrollo. Claude Code recibe el trabajo previo y continúa desde allí, en lugar de observar una imagen plana e intentar adivinar qué pretendía el diseñador. Ese matiz importa. Una pantalla no es solo lo que se ve; también contiene jerarquías, estados de botones, comportamientos, espacios, componentes reutilizables y pequeñas reglas que suelen desaparecer cuando el traspaso se limita a un JPG pegado en una tarea.

Anthropic intenta resolver así uno de los grandes problemas del llamado vibe coding, la creación de programas mediante instrucciones escritas en lenguaje corriente. Generar una aplicación es cada vez más sencillo. Mantener coherencia entre sus pantallas, su código y la identidad de marca, bastante menos.

Qué hacen /design-sync y /design

El comando /design-sync, ejecutado desde Claude Code, permite llevar a Claude Design el sistema visual alojado en un repositorio o una base de código local. La herramienta identifica elementos reutilizables, estilos y patrones para que los nuevos prototipos comiencen con las piezas del producto real, no con la habitual sopa de botones redondeados que la inteligencia artificial sirve cuando nadie le proporciona referencias.

También se pueden importar uno o varios sistemas desde GitHub, archivos de diseño, documentos, presentaciones o materiales de marca. Claude analiza esos recursos, extrae colores, familias tipográficas, estructuras y componentes, y comprueba sus propias propuestas antes de mostrarlas.

El recorrido funciona igualmente en sentido contrario. Mediante /design, un desarrollador puede crear, editar, importar, exportar y sincronizar proyectos visuales sin abandonar el terminal. Cuando el prototipo está maduro, Claude Design prepara el material para que Claude Code continúe la implementación.

Un traspaso que conserva algo más que píxeles

La diferencia frente a una exportación convencional está en la intención de diseño. El paquete entregado a programación puede incluir componentes, contenidos, interacciones y notas sobre el comportamiento esperado. No garantiza que el resultado salga perfecto —la magia empresarial continúa llegando sin manual de instrucciones—, pero reduce la distancia entre una maqueta bonita y una interfaz que realmente funciona.

Este mecanismo también permite realizar recorridos sucesivos. Un equipo puede diseñar una pantalla, llevarla al código, introducir cambios técnicos y volver a sincronizar los elementos visuales. La promesa es frenar el conocido design drift, esa deriva por la que el producto publicado termina pareciéndose poco al diseño aprobado unas semanas antes.

La identidad visual deja de depender de cada indicación

Claude Design puede construir un sistema visual a partir de una biblioteca de componentes, un repositorio de React, una presentación corporativa, varias pantallas existentes o incluso archivos con logotipos y paletas cromáticas. Una vez publicado dentro de una organización, ese sistema se aplica automáticamente a los nuevos proyectos.

Para compañías con varias marcas o líneas de producto, la plataforma admite múltiples sistemas de diseño. Los responsables pueden revisar el resultado, modificarlo y decidir cuál debe usar cada equipo. Anthropic también ha añadido permisos específicos para que un administrador apruebe un sistema estándar y limite su edición.

La medida responde a una queja bastante lógica. Las primeras herramientas de diseño generativo eran capaces de producir prototipos en pocos minutos, pero tendían a imprimir sobre ellos la misma personalidad de hotel de aeropuerto: limpia, funcional y absolutamente intercambiable. La nueva versión pretende que una empresa reconozca su producto en la pantalla, no solo que admire la velocidad con la que apareció.

Los usuarios conservan controles directos para cambiar textos, mover elementos, ajustar tamaños, modificar colores o intervenir sobre la composición. También pueden dejar comentarios en zonas concretas del lienzo y pedir que una corrección se replique en el resto del proyecto. La conversación sigue siendo el motor, aunque ya no es la única forma de trabajar.

El consumo de tokens mejora, pero las cuentas no están claras

Anthropic asegura que Claude Design puede realizar más trabajo con una cantidad similar de tokens. La compañía ha reconocido que la eficiencia era una preocupación habitual entre los primeros usuarios, especialmente en proyectos complejos que obligaban al modelo a leer repositorios, reconstruir componentes y generar varias versiones interactivas.

No se han publicado comparativas suficientemente detalladas para medir el alcance real de esa mejora. La factura dependerá del tamaño del código, del número de iteraciones y de la complejidad del prototipo. Una página estática no exige lo mismo que una aplicación con numerosas pantallas, animaciones y estados.

Hay, además, una contradicción llamativa en la documentación de Anthropic. Una página de ayuda señala que Claude Design consume la misma bolsa de uso que el chat, Claude Code y Cowork; otra sostiene que dispone de límites semanales independientes. Ambas aparecían actualizadas durante el despliegue de la nueva versión. Hasta que la empresa unifique esa información, conviene observar el contador de cada cuenta y no dar por sentado ninguno de los dos modelos. Incluso en la era de la inteligencia artificial, la letra pequeña conserva una envidiable salud.

Qué permite crear Claude Design y quién puede utilizarlo

La plataforma está disponible en beta para los planes Claude Pro, Claude Max, Claude Team y Claude Enterprise. En las organizaciones Enterprise aparece desactivada de forma predeterminada y debe habilitarla un administrador. La empresa recomienda configurar primero el sistema visual corporativo; de lo contrario, los resultados pueden ser funcionales, aunque genéricos.

Claude Design sirve para producir prototipos interactivos, wireframes, presentaciones, páginas de aterrizaje, micrositios, materiales comerciales y exploraciones visuales. Los proyectos pueden compartirse dentro de una organización o exportarse en formatos como PDF, PPTX, archivos HTML y paquetes ZIP. También existe una salida hacia Canva para continuar allí la edición.

El producto sigue teniendo limitaciones. Anthropic reconoce posibles problemas con comentarios que no aparecen correctamente, repositorios demasiado grandes, edición simultánea entre varias personas y sistemas visuales construidos a partir de materiales incompletos. La calidad de la importación depende de la calidad del original: una biblioteca caótica no se convierte en Versalles por pasarla a través de un modelo lingüístico.

Claude Design fue presentado inicialmente el 17 de abril de 2026 como un producto experimental de Anthropic Labs, impulsado por Claude Opus 4.7. Su evolución hacia una beta más conectada con Claude Code revela dónde ve la compañía el verdadero negocio: no tanto en sustituir una aplicación gráfica concreta como en ocupar todo el recorrido que va desde la idea hasta el producto operativo.

El nuevo campo de batalla está entre el boceto y el producto

La actualización coloca a Anthropic en un terreno compartido por herramientas como Figma, Canva y las nuevas plataformas de programación mediante lenguaje natural. Sin embargo, su apuesta tiene un matiz propio. Claude Design no quiere limitarse a generar imágenes ni competir únicamente por el lienzo; busca convertirse en la capa de unión entre diseño de producto e ingeniería.

Para un diseñador, eso puede significar probar más alternativas sin dedicar horas a construir cada una. Para un responsable de producto, disponer de un prototipo funcional antes de llevar una idea a desarrollo. Para los programadores, recibir algo más útil que una colección de pantallas acompañada por instrucciones vagas y entusiasmo corporativo.

El riesgo está en confundir velocidad con criterio. Una herramienta capaz de fabricar veinte variantes también puede producir veinte variantes mediocres. Elegir cuál merece convertirse en producto sigue exigiendo entender a los usuarios, detectar problemas reales y tomar decisiones. Claude acelera las manos; el juicio, por ahora, continúa fuera del menú de comandos.

Claude quiere controlar el viaje completo de una idea

El movimiento de Anthropic señala una transformación más amplia. Las aplicaciones de inteligencia artificial ya no se conforman con responder preguntas o escribir fragmentos de código. Intentan organizar procesos completos, mantener contexto entre distintas disciplinas y convertir instrucciones humanas en objetos que puedan editarse, probarse y publicarse.

Claude Design se acerca a esa ambición al conectar el lenguaje cotidiano, el sistema visual y la base de código. Su éxito dependerá de que la sincronización funcione en proyectos reales, de que el gasto sea razonable y de que los equipos mantengan el control sobre lo que la máquina modifica.

La frontera interesante ya no está en comprobar si una IA puede dibujar una interfaz. Eso quedó atrás con bastante rapidez. La cuestión es si puede conservar la identidad, entender las restricciones técnicas y acompañar una idea hasta que se convierte en un producto final coherente. Con esta actualización, Anthropic asegura haber reducido esa distancia. Falta la prueba menos vistosa y más importante: abrir el proyecto seis meses después y comprobar que todavía se sostiene.