Anthropic Labs · Research Preview · 17 abril 2026

Del prompt al prototipo sin abrir Figma.

Le describes a Claude lo que quieres ver. Claude lo construye. Tú lo refinas con comentarios inline, edición directa o sliders que él mismo arma para tu proyecto. Cuando está listo, exportas a Canva, PDF, PPTX o HTML. Eso es Claude Design. Julio Talledo

Anatomía · Los seis casos oficiales

Anthropic define seis usos oficiales, tres para diseñadores, tres para todos los demás.

Prototipos interactivos, wireframes para PMs, exploraciones de diseño, pitch decks, marketing collateral y frontier design. Powered by Claude Opus 4.7.

6 casos oficiales · 1 producto

"Claude Design no compite con Figma para diseñadores expertos que arman sistemas de diseño complejos. Compite contra el momento donde el marketer abre Canva, dice 'lo veré después' y termina mandando un Word. Compite contra la fricción de no diseñar. Ahí es donde te cambia la vida."

Julio Talledo · Especialista en Marketing Digital, Comunicación e IA

17 abril

Lanzado en 2026

Research preview en Anthropic Labs, junto con Claude Opus 4.7 como motor de visión.

2 prompts

Caso Brilliant · educación

Páginas que requerían 20+ prompts en otras herramientas, en Claude Design solo 2.

1 conversación

Caso Datadog · prod team

Una semana de briefs, mockups y reviews se redujo a una sola conversación.

12 prompts

Pierre-Eliott Lallemant

Video completo armado con 12 prompts en Claude Design. Publicado en X · abril 2026.

El mercado reaccionó el mismo día.

Las acciones de las plataformas de diseño cayeron en las horas siguientes al anuncio. La señal del mercado fue inequívoca.

Caída bursátil el día del lanzamiento.

Figma · FIG

−7%

Wix · WIX

−4.7%

GoDaddy · GDDY

−3%

Adobe · ADBE

−2.7%

Yahoo Finance · ChosunBiz · 17 abril 2026 · Reacción del mercado en las primeras horas tras el anuncio.

"Claude Design da a los diseñadores espacio para explorar ampliamente, y a todos los demás una forma de producir trabajo visual."

Anthropic · Introducing Claude Design by Anthropic Labs · 17 abril 2026

Portadas diseñadas con Claude Photo-forward · Editorial

PORTADA · TOKENS Portada Tokens · Lo que debes saber para usar mejor la IA

PORTADA · COWORK Cover · Claude Cowork

Portadas para Instagram 9:16 y 4:5 Ver más piezas en @juliotalledo →

"Compite contra el momento donde el marketer abre Canva y dice 'lo veré después'." Julio Talledo

Caso 01 · El workflow básico

Del prompt al prototipo en una conversación.

Describes lo que necesitas. Claude construye una primera versión. Refinas con conversación, comentarios inline, edición directa o sliders de ajuste. Hasta que esté bien. Sin abrir otro programa.

Paso 01 · Descripción

Le dices a Claude qué necesitas

Prompt en lenguaje natural. "Una landing page para una app de meditación con tipografía calmada y paleta de tonos tierra." Lo que dirías a un diseñador, se lo dices a Claude.

Paso 02 · Primera versión

Claude arma la base completa

Layout, tipografía, paleta, jerarquía visual, componentes. No te entrega un wireframe en gris. Te entrega una primera versión con decisiones de diseño tomadas.

Paso 03 · Refinamiento

Iteras en la misma conversación

"Cambia el color de fondo." "Aumenta el espaciado." "Agrega un toggle de modo oscuro." Cada cambio Claude lo aplica en vivo. Sin volver a generar desde cero.

Paso 04 · Inputs múltiples

No solo texto: imágenes, docs, código

Empiezas desde un prompt, subes imágenes y documentos (DOCX, PPTX, XLSX), apuntas al codebase del producto o usas web capture para traer elementos de una página existente.

Web capture · la función que más nervio genera

Apuntas Claude a una página existente y trae componentes 1:1 a tu prototipo, incluyendo la detección del sistema de diseño. Lo que Webflow o Wix ofrecen como "galería de plantillas", Claude lo hace en un prompt. Por eso las acciones de esas plataformas cayeron el día del lanzamiento.

Prompts listos para empezar.

Claude Design · Landing page para campañaDiseña una landing page para la campaña [NOMBRE_CAMPAÑA]. Producto: [PRODUCTO] Audiencia: [PERFIL] Tono: [DIRECTO / ASPIRACIONAL / CERCANO] Oferta principal: [OFERTA] Conversión deseada: [REGISTRO / COMPRA / DEMO] Incluye: - Hero con headline impactante y CTA primario - Sección de beneficios con 3-4 puntos - Prueba social con 2 testimoniales - FAQ de 4 preguntas críticas - CTA secundario en footer Paleta editorial: cream y navy con acento orange. Tipografía serif para titulares.

Claude Design · Pitch deck para directorioArma una presentación de 12 slides para el directorio sobre [TEMA]. Estructura sugerida: - Cover · contexto y propósito - Problema · datos del mercado - Solución · nuestra propuesta - Tres pilares estratégicos - Roadmap del trimestre - Inversión requerida - ROI esperado - Riesgos y mitigación - Equipo asignado - Hitos del primer mes - Q&A · preguntas anticipadas - Cierre Estilo: editorial corporativo. Paleta dark con acento amarillo. Sans-serif para body, serif italic para acentos.

Tu marca · Brand built in

Tu sistema de marca, integrado desde el onboarding.

Claude lee tu codebase y tus design files al inicio. Construye tu sistema de diseño una vez. Después, cada proyecto usa tus colores, tu tipografía y tus componentes automáticamente.

"Durante el onboarding, Claude construye un sistema de diseño para tu equipo leyendo tu codebase y archivos de diseño. Cada proyecto después de eso usa tus colores, tipografía y componentes automáticamente."

Anthropic · documentación oficial Claude Design · anthropic.com/news/claude-design

Lee tu codebase

Detecta tus tokens automáticamente

Si tu equipo tiene un design system implementado en código, Claude lo detecta. Colores en variables CSS, tipografía declarada, espaciados, componentes. Todo entra al sistema.

Lee tus archivos

Carga tus guías de marca

Subes tu manual de marca, tu paleta, tu tipografía y tus referencias visuales. Claude los procesa y los integra al sistema. Cada output respeta esos parámetros.

Múltiples sistemas

Un equipo, varios sistemas

Los equipos pueden mantener más de un sistema de diseño. Útil para agencias con varios clientes, o empresas con múltiples submarcas. Cambias de sistema según el proyecto.

Refinamiento continuo

El sistema mejora con cada proyecto

Puedes refinar el sistema con el tiempo. Si Claude se desvía, lo corriges. Si tu marca evoluciona, actualizas. El sistema aprende y se consolida con el uso.

Atención · El sistema funciona mejor con codebase limpio

Si tu código fuente es desordenado, los outputs serán desordenados. Si tu design system está bien implementado en variables y tokens, Claude lo aprovecha al máximo. Es una de las razones por las que vale la pena invertir en un design system antes de adoptar la herramienta.

Por qué importa esto en marketing.

Consistencia automática en social media

Todas las piezas de tu equipo respetan los colores, la tipografía y el sistema de componentes de la marca. Sin tener que revisar pieza por pieza si cumple el manual.

Onboarding express para nuevo talento

Un practicante que entra hoy puede producir piezas alineadas con la marca desde el primer día. No necesita memorizar el manual: Claude lo aplica solo.

Mantener brand voice entre equipos distribuidos

Equipos en distintas ciudades o agencias trabajando en paralelo. Todos pueden generar piezas consistentes porque comparten el mismo sistema de diseño cargado en Claude.

Refinamiento · Fine-grained controls

Iteras con cuatro herramientas, no con una. Sliders incluidos.

Conversación, comentarios inline, edición directa de texto y sliders de ajuste. Cada herramienta sirve para un tipo de refinamiento. Y los sliders los crea Claude para tu proyecto específico.

Método 01 · Conversación

"Hazlo más editorial"

El método principal. Le pides cambios en lenguaje natural. Claude interpreta y aplica. Útil para cambios conceptuales: tono, dirección, jerarquía, foco.

Método 02 · Comentarios inline

Apuntas y comentas

Haces clic sobre un elemento específico y dejas un comentario. "Este botón debería ser más grande." "Cambia el tono de este párrafo." Útil para cambios localizados.

Método 03 · Edición directa

Tipeas dentro del diseño

El texto del prototipo es editable directamente. No tienes que pedirle a Claude que cambie un titular: lo tipeas tú. Para cambios de copy rápidos.

Método 04 · Sliders custom

Claude crea controles para tu proyecto

Lo más diferenciador. Claude genera sliders específicos para tu diseño: espaciado, color, layout, contraste. Mueves el slider y los cambios pasan en vivo, sin escribir un prompt.

Caso real · Datadog y la compresión de ciclos.

El equipo de producto de Datadog reportó haber comprimido lo que era un ciclo de una semana, briefs, mockups, reuniones de revisión, en una sola conversación de Claude Design.

Datadog · Product Team

Una semana de ciclo de diseño → una sola conversación

"Hemos pasado de una idea rough a un prototipo funcional antes de que alguien salga del cuarto, y el output se mantiene fiel a nuestra marca y guías de diseño.", Aneesh Kethini, Product Manager en Datadog. El cambio no vino solo de la velocidad: vino de eliminar la fricción del handoff entre brief, diseño y revisión.

5×

Aceleración del ciclo de diseño

Handoffs internos antes de la primera versión

Lo que esto significa para marketing

La velocidad de iteración cambia la decisión sobre cuántas variantes pruebas. Si cada variante te toma 30 minutos en lugar de un día, exploras 8 versiones en lugar de 2. Esa diferencia es la que distingue una campaña promedio de una campaña ganadora.

Distribución · Export anywhere

Lo exportas en el formato que necesite tu cliente.

No es una herramienta que te encierra. Diseñas en Claude, exportas a Canva para edición colaborativa, a PPTX para tu cliente corporativo, a PDF para enviar o a HTML para subir directamente. El cliente decide el formato, no la herramienta.

.PPTX

PowerPoint

Pitch decks y presentaciones ejecutivas. Editables en PowerPoint o Google Slides.

.PDF

PDF

One-pagers, propuestas y dossiers. Listos para enviar por email o WhatsApp.

CANVA

A Canva

Edición colaborativa. El equipo continúa refinando en Canva con plantillas activas.

.HTML

HTML standalone

Landing pages, prototipos interactivos y mockups web. Listos para deploy o demo.

"Estamos emocionados de seguir construyendo con Claude, haciendo posible que las personas traigan ideas y borradores desde Claude Design a Canva, donde se convierten instantáneamente en diseños editables y colaborativos."

Melanie Perkins · CEO de Canva · partnership anunciado 10 abril 2026

El partnership con Canva · traducido.

El movimiento estratégico

Canva podría haber tratado a Claude Design como competencia. Eligió lo contrario: integrarse temprano. La lectura es clara, si te alías con quien va a generar el tráfico desde el upstream creativo, no te reemplaza, te alimenta. Para los equipos de marketing significa que pueden empezar en Claude para velocidad y migrar a Canva para edición colaborativa sin perder fidelidad de marca.

Compartir con tu organización antes de exportar.

Sharing privado

Documento solo tuyo

Por defecto los diseños son privados. Solo tú los ves y los editas. Útil para drafts iniciales o trabajo confidencial.

Link organizacional

Cualquiera con el link en la org

Compartes un link interno. Cualquier persona de tu organización con el link puede ver el diseño. Útil para review interno antes de exportar.

Acceso colaborativo

Otros editan contigo

Das permisos de edición. Múltiples personas pueden modificar el diseño y conversar con Claude en una conversación grupal compartida.

Conversación grupal con Claude

El equipo y Claude en un mismo hilo

Todos los colaboradores y Claude en una sola conversación. El comité de marca y Claude refinando juntos el deck en tiempo real. Como tener un diseñador asignado al cuarto en vivo.

anthropic.com/news/claude-design · capacidades verificadas de Claude Design al lanzamiento.

Handoff a Claude Code · El loop diseño ↔ producción

Cuando el diseño está listo, se construye solo.

Claude Design empaqueta todo en un handoff bundle. Lo pasas a Claude Code con una sola instrucción. El loop diseño-código se cierra dentro del mismo ecosistema. Sin perder fidelidad. Sin reescribir nada.

El handoff bundle · de diseño a código en una instrucción.

Cuando un diseño está listo para construirse, Claude Design empaqueta todo lo necesario, componentes, tokens, estructura, comportamientos, en un bundle. Lo pasas a Claude Code con un mensaje. Claude Code lee el bundle y construye el código de producción respetando el diseño.

CLAUDE DESIGN

Prototipo aprobado

Diseño refinado, sistema de marca aplicado, listo para construir.

→

CLAUDE CODE

Código en producción

Componentes implementados, deploy listo, sin perder fidelidad visual.

"Brilliant tomó páginas que requerían 20 o más prompts para recrear en herramientas de diseño competidoras, y las hizo con solo 2 prompts en Claude Design. Después convirtieron mockups estáticos en prototipos interactivos para user-test sin code review, y pasaron todo a Claude Code para implementación en producción."

Anthropic · caso oficial publicado al lanzamiento · 17 abril 2026

Aplicación al marketing del handoff.

Landing page de campaña, lista en horas

Diseñas la landing en Claude Design con tu sistema de marca. La validas con stakeholders. La pasas a Claude Code. La landing está deployada antes de que termine el sprint de campaña.

Email templates customizados

Diseñas la plantilla en Claude Design. Claude Code la convierte en HTML compatible con todos los clientes de email (Outlook, Gmail, Apple Mail). Sin pelearte con tablas anidadas.

Mini-sites de evento

Para cada activación importante, un mini-site dedicado. Diseñado en Claude Design, deployado por Claude Code. Sin esperar al equipo de desarrollo del cliente.

Lo que esto rompe en agencias

El modelo clásico era: estratega arma el brief, diseñador entrega mockup, desarrollador implementa, QA revisa. Cuatro pasos secuenciales con handoffs lentos. Con Claude Design + Claude Code, los pasos colapsan. El estratega-marketer puede diseñar, ver el prototipo funcionando y entregarlo deployable. La pregunta organizacional es qué hace la gente que antes hacía esos pasos. La respuesta práctica: cosas más estratégicas. La velocidad operativa libera tiempo creativo.

Casos · Marketing collateral

Cinco usos directos para equipos de marketing.

Anthropic posicionó Claude Design explícitamente para landing pages, social assets y campaign visuals. Estos son los cinco casos que un equipo de marketing puede implementar desde el primer día.

Landing pages de campaña

Para cada campaña activa, una landing dedicada. Hero, beneficios, prueba social, FAQ y CTA. Diseñada con tu marca aplicada automáticamente. Lista para deploy en horas, no en semanas.

→ Performance marketing

Social assets para todas las plataformas

Un solo brief, todos los formatos: 1:1 para LinkedIn, 4:5 para Instagram, 9:16 para Stories y TikTok. Claude adapta la composición a cada formato manteniendo el mensaje y la marca.

→ Brand marketing

Pitch decks para nuevos negocios

Decks corporativos para presentar al directorio o vender un proyecto al cliente. Estructura editorial, datos visualizados con criterio, fotografía integrada y exportable a PPTX para tu cliente corporativo.

→ B2B marketing

One-pagers y dossiers

Documentos comerciales que combinan datos, beneficios y prueba social en una página densa pero limpia. Exportables a PDF y listos para enviar por email o WhatsApp como adjunto.

→ Sales enablement

Campaign visuals · keyvisuals para producción

El keyvisual de la campaña diseñado en Claude. Lo apruebas. Lo exportas a Canva donde tu equipo lo adapta a piezas específicas. Lo pasas a Claude Code si necesitas una versión web. Un mismo concepto, todas las salidas.

→ Creative marketing

Prompts listos para los cinco casos.

Claude Design · Social pack multiformatoDiseña un pack de social assets para la campaña [NOMBRE_CAMPAÑA]: - 1 post para Instagram 4:5 con hook fuerte - 3 slides para carrusel LinkedIn 1:1 con secuencia narrativa - 1 Story 9:16 vertical con CTA al swipe-up - 1 Reel cover 9:16 con foto del talent Mensaje central: [HEADLINE] Beneficio único: [PROMESA] CTA común: [ACCIÓN] Aplica el sistema de marca cargado. Genera los 6 assets en una sola conversación con consistencia visual entre formatos.

Claude Design · One-pager comercialDiseña un one-pager para [PRODUCTO/SERVICIO] dirigido a [PERFIL_CLIENTE]. Estructura: - Header con logo y propuesta de valor en una línea - Tres pilares de beneficio con icono e ejemplo - Sección de prueba social con 3 logos de clientes - Tabla comparativa nosotros vs alternativa - Stat hero: el dato más impactante - CTA con email de contacto y QR Estilo: editorial corporativo en una página A4. Exporta como PDF.

La pregunta que vale la pena hacer

Si tu equipo de marketing dedica un día por semana a coordinar diseño con agencia externa, multiplica eso por 50 semanas. Son 400 horas al año de coordinación que con Claude Design pasan a ser ejecución directa. La conversación con dirección no es si la herramienta funciona, es qué se hace con esas 400 horas liberadas.

"Claude Design no reemplaza al diseñador estrella. Reemplaza al momento donde dices 'ya lo haré' y nunca lo haces." Julio Talledo