Lo siento, pero Claude la ha vuelto a liar.
Acaban de sacar otro Claude:
55 millones de views en 2 días. Figma perdió 730M de valoración justo después de la noticia.
Este diseña.
Vive en otra web distinta: claude.ai/design. Corre sobre Opus 4.7 (el mejor modelo de visión que han sacado nunca). Y viene con un botón "Send to Canva".
Canva es una herramienta de diseño gratuita, para todo el mundo. Llevo abusando de ella desde el día que salió. Y entiendo perfectamente por qué Figma (la herramienta líder para diseñadores) perdió 730M de valoración justo después del anuncio.
Claude Design es otra (pequeña) revolución.
Así que he escrito esta guía con 3 objetivos: (1) los pasos más simples para probarlo, (2) los prompts exactos que te van a hacer decir "espera, ¿de verdad puedo diseñar esto?", (3) un workflow avanzado que uso yo, y que deberías copiar también.
Dos cosas antes de empezar:
Guárdate esta guía y dedica 30 minutos este finde a probar Claude Design.
Mándasela a cualquier diseñador, fundador o marketer que siga pensando que la IA no sabe diseñar.
🔒 La ventaja que tu competencia no tiene (todavía)
Claude Co-Work puede cambiar tu forma de trabajar. En 10 minutos sabrás exactamente cómo. No está a la venta — solo se desbloquea recomendando IA al Día a 1 persona.
1. Cómo acceder a Claude Design.
Claude Design es un producto separado del resto.
No vive dentro del navegador ni de la app de escritorio de Claude.
→ Tiene su propia URL: claude.ai/design.
Cowork sigue jugando un papel en mi workflow, eso sí. Más sobre eso en la sección 3.
✦ Si estás en Pro o Max:
Vete a claude.ai/design. Inicia sesión.
Necesitas uno de los planes de pago sí o sí.
✦ Si estás en Team o Enterprise:
Claude Design viene desactivado por defecto. Tu admin tiene que encenderlo:
→ Organization settings → Capabilities → Anthropic Labs → toggle on.
Es un research preview, así que el rollout es gradual. Si claude.ai/design te redirige a la home, vuelve a intentarlo en unos días.
Y usa los límites de tu plan existente. Hay uso extra disponible si te cargas el cap. Consume tokens a una velocidad que flipas. Ojo con eso.
2. Primeros tests rápidos (cada uno bajo 2 minutos).
Mis primeros prompts para probarlo rápido.
Test 1. Crea una web brutal.
Sigo alucinando con la web que monté con... un prompt de 2 líneas.
Este es el resultado one-shot. No escribí ni una sola línea en esa web.
Así lo hice:
Vete a la primera pestaña, "Wireframe". Selecciona "High fidelity".
Pega este prompt:
Crea una landing page de alta fidelidad diseñada para levantar [IMPORTE DE FINANCIACIÓN] de [INVERSORES OBJETIVO] para "[NOMBRE DEL PRODUCTO]", [descripción corta del producto].
Audiencia objetivo: [Descripción de tu audiencia objetivo]. El tono debe sentirse [cómo debe sentirse el visitante de la web], piensa en una mezcla de [web] + [web] + [ecosistema].Mi prompt, por ejemplo:
Crea una landing page de alta fidelidad diseñada para levantar 100 millones de dólares de VCs estadounidenses para "Governmental Underwater Datacenters", una infraestructura de datacenters submarinos soberana, solo para estados, construida específicamente para cargas de trabajo de IA y robótica.
Audiencia objetivo: Firmas serias de venture capital estadounidenses e inversores gubernamentales en tecnología. El tono debe sentirse premium, estratégico, ligeramente futurista pero altamente creíble y seguro, piensa en una mezcla del pulido de Stripe + la seriedad de defense-tech de Anduril + el pragmatismo de las startups.
Prototipo + nombre → 2. Alta fidelidad → 3. Crear.
No me creo que acabe de montar una web entera increíble. One-shot.
Puedes hacer clic en Comment y seleccionar lo que quieras editar.
Test 2: Ahora vamos a por una presentación.
Me encantó la idea anterior de los datacenters submarinos.
Así que vamos a hacer un slide deck, pensado como pitch de ventas:
Esta vez, selecciona "Slide deck".
Vuelve a la home → Slide deck.
Pega este prompt (si quieres mi ejemplo):
Crea un pitch deck para mi equipo de ventas. Nuestra empresa tiene datacenters de GPU submarinos, pensados solo para empresas israelíes, para garantizar soberanía total.Responde a las preguntas que te haga Claude.
El resultado (en PDF) es impresionante para ser one-shot.
Hizo tanto la búsqueda como las slides (con el estilo correcto).
Test 3: Crea un vídeo animado.
Esta vez haz clic en "From template".
Siento si es el mismo ejemplo... es que me parecía divertido :)
Escribe un prompt rápido con una historia visual que contar. También puedes empezar con un sketch (pero soy literalmente el peor dibujando cualquier cosa).
Prompt a la izquierda o sketch a la derecha, tú decides.
Mi prompt (sí, lo generé con Claude):
Crea un vídeo animado de 45 segundos explicando cómo Israel está construyendo datacenters submarinos frente a la costa mediterránea para refrigerar la próxima ola de computación de IA. 16:9.
Estructura:
0 a 5s: Cold open. Cartel de título "La carrera de computación de IA se va bajo el agua." Animación de olas en el fondo.
5 a 15s: El problema. Revelación animada de un stat: "Los datacenters de IA consumirán 945 TWh en 2030." Muestra una fila de datacenters en tierra iluminándose con un overlay térmico mientras sube el calor.
15 a 30s: La solución. Sección transversal animada de una cápsula sellada de servidores descendiendo frente a la costa de Tel Aviv. El agua de mar fluye alrededor como refrigeración pasiva. Peces pequeños pasan nadando. Suben burbujas.
30 a 40s: Tres tarjetas de stats entran, una tras otra: "40% menos costes de refrigeración." "Cero agua dulce usada." "8x más cerca de usuarios europeos."
40 a 45s: Cartel de cierre. "La carrera israelí de datacenters submarinos. Empieza en 2026." Deja espacio para un logo abajo a la derecha.
Estilo visual: tech limpio, ilustraciones de línea fina, paleta de azul Mediterráneo + beige arena + blanco puro. Tipografía cinética en cada stat. Paneos de cámara suaves, sin cortes bruscos. Sin stock footage. Sin emojis. Serif para los títulos, sans-serif para el cuerpo.Y te saca un vídeo totalmente animado.
45 segundos de vídeo animado al instante.
3. El hack del vídeo (para conseguir slides brutales).
Este es raro. Y funciona.
1. Cópiate un blog entero de alguien (no de mí, gracias).
Por ejemplo, aquí uso una función que no usa casi nadie: Claude Research.
Haz clic en el + para encontrar "Investigación".
Tras 13 minutos (!!!), tengo un informe brutal que puedo descargar como markdown.
2. Pégalo en Claude Design.
Sube tu archivo markdown con este prompt:
Haz un vídeo animado de 30 segundos que resuma este blog para alguien que lo ve por primera vez.Este es el archivo .md (la investigación que hiciste)
Te saca un vídeo animado real. Movimiento, transiciones, ritmo.
55 segundos de vídeo animado.
Ahora, en ese mismo chat, continúa con:
Ahora convierte ese vídeo en un pitch deck de presentación.
Ahora eso es una presentación.
Las slides salen mejor que si le pides el deck directamente.
Porque el paso del vídeo te fuerza a pensar visualmente antes de comprometerte con frames estáticos.
4. El workflow avanzado: de 0 a 1.
(Cowork + Claude Design)
Este es el workflow que uso en proyectos de cliente.
Empieza en Cowork. Y como Claude Design es tan bueno como el sistema de diseño que le des, tienes que trabajar el input primero.
Paso 1: Extraer tu sistema de marca con Cowork.
Mete todos tus assets de marca en una carpeta. Logos. Slides antiguas. Fotografía. Landing pages. Tu PDF de marca, si tienes. Screenshots de producto.
Abre Cowork. Selecciona la carpeta.
En Cowork, enlacé el nuevo branding de PepsiCo + assets con este prompt:
Analiza esta carpeta y produce un documento completo de sistema de diseño. Fuentes, colores, estilos gráficos, patrones de componentes, tono, convenciones de layout. Marca cualquier cosa que falte. Guárdalo como DESIGN.md en mi carpeta.Cowork lee cada archivo. Saca un DESIGN.md limpio.
DESIGN.md es una forma pija de decir "guía de marca e instrucciones".
Paso 2: Sube DESIGN.md a Claude Design.
Vete a claude.ai/design.
Arrastra tu DESIGN.md como contexto.
Cada prompt futuro lo aplica automáticamente.
No vuelves a especificar colores ni fuentes jamás.
(Si ya tienes un sistema de diseño en código, linka directamente el codebase. Mismo efecto.)
No hace falta descargarlo, ya está en tu carpeta.
Paso 3: Genera.
Vuelve a claude.ai/design y sube tu archivo DESIGN.md.
Luego añade tu prompt + tu formato.
Todo buen prompt tiene 4 inputs blindados: objetivo, layout, contenido, restricciones.
Construye una pricing page para [producto]. 3 tiers, toggle anual/mensual, CTA sticky en mobile. Responsive mobile-first. Usa nuestro componente Primary Button. Iguala el tono de nuestra homepage actual.En mis pruebas, cuando el sistema de diseño está subido y el prompt es específico, Claude Design brilla. Si no, verás el mismo diseño en todos lados.
Y Claude me hizo preguntas, que respondí.
No solo las slides están bien, sino que tengo notas del ponente... ¡en cada slide!
Paso 4: Cómo iterar.
Cambios estructurales → van en el chat:
Muéstrame 3 layouts alternativos.Luego tienes que pinchar en "Ajustes".
Y crea múltiples versiones... en segundos.
Cambios a nivel de píxel → van en el canvas:
→ Haz clic en el botón de editar. Selecciona exactamente lo que quieres cambiar.
Te destaca en verde exactamente lo que quieres cambiar.
Antes de un experimento arriesgado → guarda un branch:
Guarda lo que tenemos e intenta un enfoque completamente diferente.Paso 5: Exporta.
Haz clic en Exportar (arriba a la derecha). Opciones: Enviar a Canva, PPTX, PDF, HTML standalone, o un bundle para Claude Code.
Mi favorita debería ser "Enviar a Canva"... pero no funciona.
Enviar a Canva no funciona, una pena.
Así que puedo ir de una carpeta vacía a un diseño publicable en... diría que una hora para una sola página. 2 o 3 horas para una web completa con varias pestañas. Depende de lo tiquismiquis que seas con los detalles.
¿Antes de Claude Design? El mismo trabajo me costaba como mínimo un día entero.
Y eso sin usar mi hack favorito de la siguiente sección:
5. Copia cualquier diseño.
Esta sección es la que más me ha volado la cabeza.
Hay una web gratuita llamada getdesign.md:
(No estoy afiliado, no les pago nada, la uso gratis).
Y como ya te imaginas... puedes literalmente copiarte el archivo DESIGN.md (la guía de marca para Claude) de la mayoría de marcas que conoces.
¿Te gusta, por ejemplo, el branding de Mastercard?
Lo descargas → Se lo das a Claude Design → Diseñas como Mastercard.
6. El gusto es todo lo que necesitas.
El futuro viene a por nosotros, muy muy rápido.
Claude Design construye 10 dashboards en 10 minutos.
Aplica un sistema de diseño automáticamente, sugiere 3 variaciones de layout, exporta a 5 formatos.
Puedes subirle cualquier estilo, y lo copia al instante.
Lo que no puede hacer es decirte cuál de los 10 dashboards lanzar para tus usuarios específicos en este momento concreto.
Eso es gusto.
El gusto es la capacidad de decir no a 9 versiones y sí a 1.
El gusto es el botón de override. El gusto es mirar una crítica y decir "Claude se equivoca aquí, porque mi audiencia espera minimalismo". O lo contrario.
Esa parte sigues siendo tú.
Sí, Claude Design es precioso.
Sí, Claude Cowork escribe rápido y preciso.
Hasta que todo el mundo diseñe y escriba exactamente igual.
Piénsalo: ahora te pagan por hacerlo mejor. Por estar por encima del "default de la IA". Por eso siempre digo "domina la IA antes de que te domine a ti".
Tienes que estar por encima de la media de la IA, del default. Ir por delante.
Si eres diseñador y esto te pone nervioso por si te reemplazan, estás leyendo mal el momento. Los diseñadores con gusto están a punto de vivir la mejor década de sus carreras. Las herramientas acaban de abaratarse. El gusto acaba de encarecerse muchísimo.