Claude Design ← módulos
Bloque 06 · 8 min

Diseñá decks, mocks y landings sin diseñador

Claude Design es como tener un UI/UX/decks senior pegado al equipo. Subís logo + colorimetría + objetivo, y sale un primer mock que después editás en lenguaje natural. No reemplaza a un diseñador para producción seria, pero acelera todo lo que es exploración, demo y validación.

claude.ai/design Powered by Opus 4.7 Pro · Max · Team · Enterprise
01 · Qué es

Datos clave en una vista

Producto reciente de Anthropic Labs. Está en research preview — eso significa: anda muy bien para lo que hace, pero el feature set sigue moviéndose semana a semana.

URL
claude.ai/design
Equipo
Anthropic Labs
Estado
Research preview
Lanzamiento
17 abril 2026
Modelo
Claude Opus 4.7
Disponible en
Pro · Max · Team · Enterprise
02 · Inputs que toma

Lo que le pasás para arrancar

Cuanto más contexto le des de una, mejor el primer borrador. La regla: logo + paleta + un ejemplo real de pieza existente ya alcanza para algo decente.

L
Logos
PNG con transparencia o SVG. Si tenés versiones (color, blanco, marca), pasalas todas.
PNG · SVG
B
Brand docs
Manual de marca, deck institucional, one-pager. Le sirve para entender tono y jerarquía.
DOCX · PPTX · PDF
W
Capturas web
Capturas del sitio o de pantallas existentes. Lee colores, layouts y patrones que ya usás.
PNG · JPG · URL
C
Codebase
Repo o snippets. Si tenés un design system armado, lo respeta.
Repo · ZIP
T
Texto
Descripción del objetivo. Cuanto más concreta mejor: "landing para una serie de cursos online" > "hacé algo lindo".
Lenguaje natural
03 · Cómo se edita

Click en cualquier elemento, cambialo en lenguaje natural

No hay timeline ni layers. Click en el texto y lo reescribís. Click en un color y le pedís otro tono. Comentarios estilo Figma para volver después. Pulsá Auto-play para ver la edición.

Listo para editar

Pulsá Auto-play o avanzá paso a paso

Vas a ver cómo Claude responde a 4 ediciones consecutivas en lenguaje natural sobre la misma slide.

Propuesta institucional

Resumen ejecutivo · primera versión

Seeds 202601 / 12
tono ↑
color de marca
04 · 5 use cases para Seeds

Cinco situaciones donde ya te sirve hoy

No reemplazan a un diseñador full-time, pero te ahorran 4-8 horas por entregable. Cada uno calza distinto en la operación de Seeds.

01

Demo customizada para grower

Subís el logo de Unilever (o quien sea) y un mock del producto. Claude te devuelve cómo se vería la plataforma con el branding del grower. Ideal para la call de cierre.

Comercial · KAM
02

One-pager de propuesta

Combinás deck institucional Seeds + caso de uso del sector del grower. Sale un PDF de 1 página con la value prop adaptada — para mandar antes de la primera reu.

SDR · BizDev
03

Mock de feature de plataforma

Antes de invertir en Figma + UI/UX para una feature nueva, validás la idea con un mock. Si convence al grower, ahí sí abrís el ticket de Producto.

Producto · Tech
04

Slide deck para QBR

Quarterly review con un grower importante. Le pasás los datos de los Planted Seeders (Seedy Score, horas, próximos pasos) y arma la narrativa de progreso.

KAM · Project Partner
05

Landing rápida

Un nuevo servicio (ej: "Seeders for Climate Tech") necesita validar messaging. Lanzás una landing en 30 minutos, le tirás tráfico a un canal piloto, ves si convierte.

Marketing · Brand
05 · Lo que NO es

Honestidad sobre los límites

Claude Design no es la panacea. Es una herramienta de exploración rapidísima. Para entregables productivos serios, Figma + diseñador siguen ganando.

No es esto

  • No reemplaza Figma para producción seria con sistemas complejos.
  • No es un design system completo con tokens, componentes y variants.
  • No mantiene consistencia perfecta entre 30 pantallas distintas.
  • No exporta en SVG editable a nivel de capa.
  • No tiene plugin marketplace tipo Figma.

Sí es esto

  • Prototipos rápidos para validar ideas en 15 minutos.
  • Demos custom con branding del grower antes de la call.
  • Validación de messaging con landings que se levantan en una tarde.
  • Mocks para sales que después le pasás al equipo de diseño con el angle ya validado.
  • Iteración en lenguaje natural sobre cualquier elemento, sin Figma.
06 · Pre-requisitos para la demo
Para el viernes en vivo

Lo que tiene que tener Pablo a mano antes de abrir claude.ai/design

  • Logo Seeds en alta — PNG transparente y SVG.
  • Paleta oficial Seeds — verde #00CA8C, dark #1D1D1B, blanco/paper.
  • Tipografías oficiales — Montserrat para headings, Montserrat regular para cuerpo.
  • Una pieza existente como referencia — el deck institucional o un one-pager actual.
  • Logo del grower con el que vamos a hacer la demo (ej: Unilever, Carrefour) en PNG.
  • Idea concreta de qué prototipar: "demo customizada para [grower] mostrando dashboard de planted seeders".

Más detalle: claude.ai/design · anuncio oficial Anthropic