Cargando la bóveda…
Cargando la bóveda…
Claude Design vive en claude.ai/design — entrás, hablás y te arma presentaciones, páginas web y apps clickeables sin salir del chat. Sin skills externas ni Claude Code. Cuándo conviene, los 4 modos de iterar y el handoff a Code cuando crece el proyecto.
Claude Design es un producto de Anthropic Labs que vive en claude.ai/design. Entrás, hablás natural, te arma:
Sin instalar skills, sin abrir Claude Code, sin saber código. Está incluido en Pro / Max / Team / Enterprise — no es producto aparte que pagás.
La diferencia con pedirle a Claude Code "armame una landing":
Es el equivalente de Figma + Slides + Webflow unidos, pero con LLM al frente.
> Armame un deck de board para Q3:
- Resumen ejecutivo (1 slide)
- Métricas del trimestre (1 slide con tabla + 2 charts)
- Highlights del producto (3 slides con visuales)
- Tema del trimestre que viene (2 slides)
- Apéndice con benchmarks (2 slides)
Tono: profesional pero accesible. Paleta: verde / negro / blanco
hueso. Tipografía editorial.Claude Design te tira el deck completo. Lo ves en preview, podés editarlo slide por slide en el mismo chat.
> Necesito landing de mi SaaS de gestión de inventario para retailers.
Estructura:
- Hero con email capture
- 3 features principales
- Social proof (logos + 1 testimonial)
- Pricing (3 tiers)
- FAQ
- CTA final
Tono: profesional, no técnico. Para dueños de retail 35-55.
Mood: confianza, control, sin ser corporativo.Genera la landing entera con HTML/CSS/JS funcional. Le hacés cambios hablando.
> Armame un prototipo clickeable de una app para tomar pedidos en
restaurant:
- Pantalla 1: lista de mesas
- Pantalla 2: menú con categorías
- Pantalla 3: pedido en curso con items
- Pantalla 4: cierre y pago
Que se pueda navegar entre pantallas. Estilo iOS nativo.Te tira el prototipo navegable. Sirve para mostrar al cliente, validar UX, antes de entrar a codear de verdad.
Lo interesante no es la primera versión — es cómo iterás.
> Cambiá toda la paleta a más cálida — beiges, naranjas suaves,
acentos dorados en lugar de azul.Aplica a todo. Útil para cambios estructurales de marca.
> Solo en el hero: hacé el título más corto y agregale una imagen
de fondo que sea más editorial (no stock photo genérica).Aísla la sección. El resto queda intocado.
Click derecho sobre un elemento → "Comentar". Escribís el cambio que querés ahí mismo:
> "Este botón debería ser primario, no secundario"
> "Sacá el icono, queda apretado"
> "Más espacio entre este bloque y el siguiente"Claude lo aplica solo al elemento. Workflow más rápido para iteraciones finales.
Caveat: a veces los comentarios inline fallan en interpretar exactamente qué cambiar. Si pasa, repetilo con más detalle.
> Generame 3 variantes del hero con distintos hooks:
A: enfocado en ahorro de tiempo
B: enfocado en evitar errores
C: enfocado en control de inventario en tiempo realTe tira las 3 lado a lado. Elegís cuál seguir.
Llega un momento donde el proyecto crece y Claude Design no alcanza. Necesitás:
Para eso está el handoff a Code. Con un click, Claude Design exporta:
El flow ideal:
Sin Claude Design: vas a Claude Code desde el día 1 → iterar visualmente es lento. Con: separás "qué construir" (Design) de "cómo construirlo bien" (Code).
Si esperás herramienta de diseño profesional con control granular pixel-perfect, no es esto. Es conversational design — gran 80%, pero el 20% final requiere edición manual.
Cuando funcionan, hermoso. Cuando no, frustrante. Si un comentario no se aplica como esperabas, escribilo de nuevo más explícito o cambialo desde el chat principal.
Son prototipos. Sin DB, sin backend, sin auth real. Sirven para validar con humanos, no para producción.
Si abrís muchas pestañas con Claude Design en paralelo, a veces el chat se desincroniza. Cerrá las pestañas que no estés usando activamente.
Si en una conversación usaste colores X, en pedidos siguientes los va a sugerir. Si querés salir de esa paleta, decirlo explícitamente: "olvidá la paleta anterior, vamos con [nueva]".
No es Adobe Fonts. El catálogo es de Google Fonts + algunas custom. Si tu marca usa una font privada / paga, vas a tener que hacer handoff a Code y meterla manual.
Para necesidades estratégicas (sistema de diseño completo, identidad de marca, ilustración custom), un diseñador humano sigue ganando. Claude Design es acelerador, no reemplazo.
Para validar ideas rápido y mostrar a stakeholders: Claude Design gana. Para diseño de producto serio con sistema: Figma o Code con sistema propio.
✅ MVPs y validación temprana ✅ Decks ejecutivos / board updates ✅ Microsites de marketing ✅ Mockups para mostrar a clientes / inversores ✅ Cuando no sos diseñador y necesitás algo decente rápido
❌ Sistema de diseño de un producto serio ❌ Apps que van a producción tal cual (necesitan backend real) ❌ Materiales de marca finales (identity, logos, etc.)