Qué es Claude Design y cómo diseñar sin ser diseñador

Te dejo el vídeo arriba, pero aquí lo tienes por escrito y con los enlaces por si prefieres leerlo.

Anthropic ha sacado Claude Design y, siendo sincero, es de las cosas que más me han sorprendido este año. Le hablas, y te diseña. Una web, una presentación, un prototipo o la identidad visual entera de una marca, sin abrir Figma y sin saber maquetar.

En el vídeo lo pruebo en directo montando el branding de una agencia y una propuesta de web. Aquí te cuento qué es, cómo funciona y para qué sirve de verdad.

¿Qué es Claude Design?

Claude Design es la nueva herramienta de Anthropic, salida de Anthropic Labs, su equipo de productos experimentales. La idea es simple: conviertes una frase en un diseño editable.

Tiene su propia interfaz. Chat a la izquierda, lienzo en vivo a la derecha. Describes lo que quieres y aparece un diseño funcional que puedes tocar y afinar sin salir de la conversación.

Por debajo funciona sobre Claude Opus, que ahora mismo, sin contar Fable, es el modelo más potente de Anthropic para visión y código. Se lanzó el 17 de abril de 2026 en Research Preview y desde entonces no ha parado de dar que hablar.

Yo lo describo como un NotebookLM vitaminado mezclado con un ChatGPT, pero orientado a diseño. Un popurrí de varias herramientas que, para lo que es, funciona muy fino.

De una frase a un diseño: cómo funciona en tres pasos

1. Lo describes. Escribes en lenguaje natural lo que quieres crear. 2. Claude lo genera. Aparece un diseño funcional en el lienzo, al instante. 3. Lo refinas. Comentas sobre el propio diseño y ajustas color, tipografía y layout.

Y aquí está lo que más me gustó: la edición conversacional. No parte de una plantilla en blanco. Le vas mandando mensajes en el chat y, si hay algo que no te encaja, coges una especie de lapicero, rodeas el elemento con un círculo y le escribes "quita esto". Te lo quita sin rehacer el resto del diseño. Solo toca lo que le señalas.

Puedes soltarle todo el contexto de golpe. Adjuntas tus logotipos, un archivo con la información de la empresa o directamente la URL de tu web, y Claude Design saca de ahí lo que necesita.

¿Qué puedes crear con Claude Design?

Sin salir de la conversación puedes montar:

• Presentaciones y diapositivas.
• Prototipos navegables e interactivos.
• Mockups de productos.
• One page, landings de marketing y bocetos de web.
• Material de marca completo: manuales de marca, tarjetas de visita, plantillas para redes y firma de correo.

Y muchos de esos "bocetos" van entre comillas, porque buena parte ya salen funcionales. Cuando terminas, exportas a lo que necesites: PPTX, PDF, Canva, HTML, ZIP, Word o PowerPoint. Claude Design entra de lleno en las herramientas del creador con IA que uso para no depender de un diseñador para cada cosa.

¿Sirve para montar la marca de un negocio?

Sí, y es donde más me flipó. En el vídeo le pedí que me creara toda la marca de una agencia de marketing y le adjunté la web para que sacara el contexto. Con dos o tres interacciones me montó un manual de marca entero.

Portada, logotipo, paleta de colores, el símbolo, avatar para redes, favicon, área de protección y tamaño mínimo, tipografía, plantillas para publicaciones e historias, tarjetas de visita y hasta la firma de correo. Me hizo un par de preguntas para orientarlo y el resto lo generó solo.

Y voy a hablar de dinero, que en España nos cuesta. Un manual de marca así ronda hoy en el mercado entre 300 y 600 euros. Si trabajas en una agencia o quieres emprender, ahí lo dejo.

Además, un manual de marca no solo se vende: le sirve al propio Claude. También puedes importar tu design system desde GitHub, archivos o subidas para que construya con tus componentes. Y luego se lo pasas a Claude Code y todo lo que genere después, por ejemplo tu web, respeta tu marca.

Del diseño al código: el traspaso a Claude Code

Esta es la parte que me parece la leche. Normalmente en una empresa el diseñador crea el boceto y luego el programador lo desarrolla. Aquí lo haces tú entero.

Diseñas la marca y la web en Claude Design, le das al botón de compartir y lo envías directamente a Claude Code. A partir de ese diseño, Claude Code te lo pasa a código real y le añade la funcionalidad que necesites.

En el vídeo le pasé la URL de mi agencia y me rehízo la web con una propuesta de mejora totalmente funcional, con hasta un generador de presupuestos. De ahí a Claude Code y ya es una web de verdad. Si Claude Code te suena a chino, empieza por Claude Code para no programadores.

Claude Design vs Figma: ¿en qué se diferencian?

Si vienes del diseño, Figma es la referencia: la herramienta con la que los diseñadores montan desde un logotipo hasta una web para pasársela al programador.

Claude Design es como un Figma hipervitaminado, con todo el poder de Claude detrás. La diferencia gorda es para quién. Si no eres diseñador, en Figma te pierdes y en Claude Design te manejas a la primera. Y si ya eres diseñador y dominas Figma, con esto encima te vuelves imparable.

No es marketing: cuando salió, las acciones de Figma cayeron alrededor de un 7%. Entró fuerte.

Cómo acceder y para quién es

Claude Design está disponible dentro de tu propia interfaz de Claude, en preview, en los planes Pro, Max, Teams y Enterprise.

¿Para quién? Para diseñadores que quieren explorar rápido y para gente sin perfil de diseño que necesita pasar de la idea a algo visual sin bloquearse. A los programadores nos viene de lujo: programar se nos da, pero encontrar uno con buen gusto para el diseño es otra historia. Esto tapa ese agujero.

Herramientas que menciono en el vídeo

• Claude Design: la protagonista, dentro de Claude.
• Claude Code: para pasar el diseño a código real.
• Figma y Canva: las referencias de diseño con las que se compara. Si buscas más opciones para diseñar rápido, tengo un repaso de alternativas a Canva.
• ChatGPT, Gemini y NotebookLM: el punto de partida del que veníamos para las tareas de diseño con IA.

Si lo que te interesa no es solo la herramienta, sino montar un negocio de una persona alrededor de la IA, eso es justo lo que enseño en YO S.A.: cómo trabajar solo apoyándote en agentes y sistemas para hacer tú lo que antes necesitaba un equipo.