Claude Design, en realidad, es un 'proyecto secundario' que nació de la intensa competencia.
Detrás de él hay una historia entre dos ingenieros y un diseñador.
La historia comienza con el lanzamiento de Opus 4.5 en noviembre de 2025.
En ese entonces, Nate Parrott era el único diseñador en el proyecto VS Code de Claude Code, acompañado por dos ingenieros.
El diseñador de productos de Anthropic, Nate Parrott, describe en primera persona en el blog oficial el proceso completo del nacimiento de Claude Design.
Juntos, los tres tenían una misión: transformar Claude Code, que solo funcionaba con comandos en terminal, en una interfaz comprensible y fácil de usar para el público general.
A finales de septiembre, el producto entró en fase beta; todo iba bien. Luego, en noviembre, se lanzó Opus 4.5. Parrott describe lo que ocurrió a continuación:
Los dos ingenieros comenzaron de repente a entregar trabajo de forma frenética, con una productividad mucho mayor que antes, mientras que él mantenía su velocidad habitual.
Pronto, se quedó atrás.
"Tengo que encontrar una manera de alcanzarlos", pensó Parrott.
Así que, en su tiempo libre, creó una pequeña herramienta específicamente para ayudarse a seguir el ritmo del equipo de ingeniería.
Y este "proyecto secundario" se convertiría en Claude Design, utilizado por más de un millón de personas en su primera semana.
La ingeniería despega primero, el diseño se queda rezagado
Lo desgarrador de esta historia es que la IA no aceleró a todo el mundo por igual, sino que primero hizo que la ingeniería avanzara a toda velocidad.
Así, el diseño, donde trabajaba Parrott, pronto se convirtió en el eslabón más lento de toda la cadena de producción.
El punto de inflexión fue el 24 de noviembre de 2025, el día del lanzamiento de Opus 4.5.
Según Parrott, a partir de entonces, el ritmo de entrega de todo el equipo de Claude Code se aceleró notablemente. La productividad de los dos ingenieros aumentó considerablemente, mientras que su producción en diseño seguía siendo la misma.
Esto lo obligó a encontrar una manera de ponerse al día.
Esto también revela el aspecto más fácilmente ignorado de la ola de IA: su primer impacto a menudo no es si un puesto desaparecerá, sino que altera el ritmo de sincronización entre los flujos de trabajo existentes.
Por ejemplo, una vez que la ingeniería acelera, los eslabones que no puedan seguir el ritmo, como el diseño, el producto o el marketing, se convertirán instantáneamente en nuevos cuellos de botella.
Un mes de experimentación lateral, de 'IA que escribe diseño' a 'IA que escribe HTML'
La idea inicial de Parrott fue muy directa.
Claude Code era una herramienta de terminal puramente textual, así que inicialmente siguió esa línea, tratando el diseño como un trabajo de texto:
Tomaba la salida del terminal, algunas capturas de pantalla de la interfaz y un requisito, se lo daba todo a Claude y le decía: "Esta es la funcionalidad que queremos añadir, diseña algo".
El resultado no fue ideal.
Durante aproximadamente un mes, trató este asunto como un proyecto secundario (side project): no era un proyecto oficial, lo avanzaba poco a poco en su tiempo libre.
Poco a poco, dio con la solución real: Claude era especialmente bueno escribiendo HTML.
Estamos acostumbrados a pensar en HTML como algo para hacer páginas web.
Pero la revelación de Parrott fue que HTML es en realidad un medio visual e interactivo muy rico: presentaciones, archivos de video, PDFs... todo lo que ellos pueden hacer, tú puedes hacerlo con una página web.
Así que dejó de pedirle a Claude que "dibujara diseños", y en su lugar le pidió que "produjera HTML". Luego le puso una interfaz: chat a la izquierda, vista previa en tiempo real a la derecha. Decías algo, y el lado derecho cambiaba en consecuencia.
El punto de inflexión que encontró Parrott no estuvo en "hacer que la IA dibuje", sino en "usar HTML como un lienzo visual unificado": presentaciones, prototipos interactivos, animaciones y páginas web podían entrar desde entonces en la misma línea de producción de generación y edición.
La interfaz de trabajo de Claude Design: conversación a la izquierda, lienzo a la derecha, siguiendo la idea del prototipo original que Parrott construyó.
HTML solo no basta, el sistema de marca es la clave
Saber escribir HTML está lejos de ser suficiente para que algo sea "útil".
En opinión de Parrott, el núcleo del diseño de producto es plasmar tu comprensión de ese producto y de esa marca en cada acción de diseño concreta.
Así que dedicó bastante tiempo a destilar lentamente en prompts todo el conjunto de elementos de la marca Anthropic: tipografías, paletas de color, materiales y principios de diseño.
De esta manera, cuando introducía un requisito en la IA, el diseño generado nacía más cercano a las pautas de Anthropic.
Integró todo este conjunto en un prototipo interno muy pequeño y lo compartió con el equipo. Los diseñadores de productos comenzaron a usarlo inmediatamente para crear prototipos interactivos.
En las herramientas de diseño tradicionales, crear un prototipo en el que se pueda hacer clic significaba tener que dibujar cada estado de cada pantalla y luego conectar todo manualmente.
En Claude Design, simplemente tiras los materiales a Claude y le dices "hazlo funcionar". Lo que produce incluye un enlace que puedes enviar directamente a tus colegas como si fuera un documento.
Esta capacidad se convirtió más tarde en la función central de todo el producto.
Hoy, cuando empiezas a usar Claude Design por primera vez, durante la configuración inicial, leerá tu repositorio de código y tus archivos de diseño, generando automáticamente un sistema de diseño para tu equipo.
A partir de entonces, cada proyecto aplica automáticamente tus colores, tipografías y componentes. Los equipos grandes pueden incluso asignar a un administrador para que bloquee un sistema estándar que nadie pueda modificar a la ligera.
Una reunión offsite convierte el proyecto secundario en oficial
Lo que realmente hizo que Parrott sintiera que "esto funcionó" fue una sesión de presentación de ideas durante una reunión offsite del equipo de Anthropic Labs.
Descubrió que casi todo el mundo allí estaba usando esta herramienta para crear presentaciones, muchos incluso improvisándolas sobre la marcha justo antes de su turno para hablar.
Fue esta escena la que convenció al equipo de Labs para asignar recursos oficialmente a este proyecto. En ese momento, un proyecto secundario se convirtió en un producto real.
Anthropic ya había recorrido este camino con Claude Design una vez antes.
El 13 de enero de 2026, Anthropic anunció la expansión de Labs, invitando al cofundador de Instagram, Mike Krieger, y a Ben Mann para gestionarlo, con el objetivo de incubar productos experimentales que exploraran las capacidades más avanzadas de Claude.
Claude Code empezó como una vista previa de investigación (research preview) y en seis meses se convirtió en un producto multimillonario.
Claude Design siguió el mismo camino: un experimento personal, luego adopción interna por parte de diseñadores, luego el "voto con los pies" de los colegas en una sesión de ideas, y finalmente asignación de recursos por parte de Labs, lanzamiento de vista previa de investigación al público y paso a beta.
En esta cadena, ningún paso fue planificado de arriba hacia abajo.
Los productos nativos de IA a menudo no son diseñados, sino que "surgen" del uso interno real.
El valor se desplaza hacia adelante: el diseñador ya no solo "genera imágenes"
Una vez que Claude Design se convirtió en un producto oficial, su posicionamiento cambió rápidamente.
Dejaron de verlo como una herramienta solo para crear mockups de interfaces.
Presentaciones, páginas de aterrizaje, PDFs para imprimir, correos electrónicos, animaciones, imágenes para redes sociales... cualquier trabajo de comunicación visual, podía hacerlo.
Parrott lo describe así: está "un nivel por encima del diseño de producto": lo que tú y Claude están perfeccionando juntos son esos materiales visuales utilizados principalmente para comunicar y conceptualizar.
La división del trabajo es clara: Claude Design se encarga de las fases iniciales, exploración rápida, comparación de direcciones, consenso; Claude Code se encarga de las fases posteriores, el desarrollo real y la producción.
Ambos pueden incluso conectarse: usar /design-sync para traer el sistema de diseño, usar /design para modificar directamente en el terminal, conectados mediante MCP.
Claude Design puede exportar a PDF, PPTX, HTML, y conectarse con herramientas como Canva, Adobe, Gamma, Miro, Replit, Vercel, Wix, etc.
Los trabajos terminados se pueden exportar a PDF, PPTX, HTML, y enviar con un clic a herramientas como Canva, Adobe, Gamma, Miro, Replit, Vercel, Wix para seguir trabajando en ellas.
Pero Claude Design no es un modelo generador de imágenes. Parrott admite: no es adecuado para crear Logos; los Logos, imágenes y materiales de marca que ya tengas, debes importarlos tú mismo.
Para software de producción real que vaya a implementarse, Anthropic aún recomienda usar Claude Code de manera meticulosa.
En definitiva, Claude Design es una herramienta para fases iniciales, no una plataforma de desarrollo de producción madura.
Cuanto más pueda el modelo asumir la tarea de escribir código, más se desplazará el trabajo de valor hacia adelante, y el valor del diseñador se orientará hacia la selección de dirección, creación de sistemas, evaluación de lo bueno y lo malo, y promoción del consenso.
Volviendo a la situación inicial.
Cuando sus dos compañeros ingenieros empezaron a avanzar a toda velocidad, Parrott, el único diseñador del grupo, se quedó atrás. En lugar de esperar, tomó la iniciativa y creó la herramienta para ponerse al día.
Quién iba a pensar que esta herramienta sería luego usada por millones de personas.
Así que, cuando sientas ansiedad porque tu trabajo está siendo impactado por la IA, puedes aprender de la jugada de Parrott: usa la IA para crear una nueva herramienta para ti mismo, o encuentra una herramienta así, para abrir nuevas posibilidades.
Referencias:
https://claude.com/blog/how-the-product-designer-who-built-claude-design-uses-it-to-explore-ideas-before-building-them?utm_source=chatgpt.com
https://www.anthropic.com/news/claude-design-anthropic-labs?utm_source=chatgpt.com
Este artículo proviene del WeChat Official Account "新智元" (New Zhiyuan), autor: ASI启示录
