Diseñá tu landing o app con Claude Design
Cómo diseñar tu landing, app o presentación con Claude Design en 5 pasos. Incluye plantilla completa para entregar contexto de marca, cliente ideal y diferencial, y exportar a Canva, HTML o Claude Code.
Anthropic acaba de lanzar Claude Design, la herramienta que te deja diseñar productos, landings, apps y presentaciones conversando con IA. Sin saber diseño. Sin Figma. Con calidad de estudio.
Importante antes de arrancar: necesitás plan Pro de Claude (USD 20/mes) o superior.
Paso 1
Entrás a claude.ai/design
Paso 2
Iniciás sesión con tu cuenta Pro / Max / Team / Enterprise.
Paso 3
Copiás la plantilla de abajo y la pegás en el chat. Completás los campos con los datos de tu negocio o producto.
Paso 4
Claude te entrega la primera versión del diseño. Desde ahí refinás:
- Comentás directo sobre elementos específicos ("este botón más grande")
- Editás texto en vivo
- Ajustás color, espaciado y layout con sliders
- Pedís cambios más grandes conversando normal
Paso 5
Cuando esté listo, exportás:
- Canva (para seguir editando visual)
- PDF o PPTX (para presentaciones)
- HTML standalone (para publicarlo directo)
- Handoff a Claude Code (para convertirlo en código real)
Resultado
En menos de 10 minutos tenés un diseño con calidad de estudio, a medida de tu negocio, con design system propio.
No es una plantilla genérica de Canva. Es diseño pensado, pro, y exportable a donde lo necesites.
Lo pesado: antes esto costaba USD 3000 y dos semanas de ida y vuelta con un diseñador. Hoy lo hacés solo en una tarde.
Plantilla
Actuá como un Principal Product Designer con 10 años de experiencia en producto digital,
mobile-first y conversion-focused. Tu tarea es diseñarme lo que te pido abajo con calidad
de estudio, design system propio, y listo para exportar.
---
## NEGOCIO / PRODUCTO
- Nombre: [ej: Premium Barber]
- Qué hace (una línea): [ej: barbería de nicho para hombres profesionales]
- Industria / Rubro: [ej: servicios / SaaS / ecommerce / restaurante / consultoría]
- Ubicación o mercado: [ej: Montevideo / LATAM → US / global online]
---
## CLIENTE IDEAL
- Quién es: [edad, contexto, ocupación]
- Qué problema tiene: [1-2 oraciones]
- Por qué te elegiría a vos y no a otro: [tu propuesta de valor en 1 línea]
---
## DIFERENCIAL
Listá 2-3 cosas que hacés distinto vs la competencia:
1. [ej: Turno online sin esperar]
2. [ej: Entrega en 48hs garantizada]
3. [ej: Soporte directo por WhatsApp]
---
## TONO DE MARCA
- Personalidad (elegí una o dos): [aspiracional / cercana / técnica / juvenil / premium / disruptiva]
- Referencias visuales que te gustan (2-3 marcas): [ej: Linear, Stripe, Apple, Notion, Arc Browser]
- Lo que NO querés: [ej: gradientes pastel, emojis random, estética genérica de AI]
---
## QUÉ NECESITO QUE DISEÑES
Marcá una opción (o varias en orden de prioridad):
- [ ] Landing page completa (hero + servicios/productos + pricing + FAQ + contacto)
- [ ] App o Dashboard (login + home + 3-5 pantallas principales)
- [ ] Pitch deck (10-12 slides para inversores o clientes)
- [ ] Prototipo de producto (onboarding + pantallas core)
- [ ] Marketing assets (posts, banners, one-pagers)
- [ ] Rediseño de algo que ya existe (subí el screenshot o URL)
---
## CTA Y CONTACTO
- Qué querés que haga el visitante: [ej: me escriba por WhatsApp / agende una llamada / compre directo / se registre]
- Contacto: [WhatsApp, email o link]
---
## STACK (opcional, si vas a implementar después)
- [ej: Next.js + Tailwind + shadcn / no-code con Framer / solo HTML exportable / no sé todavía]
---
## CÓMO QUIERO QUE TRABAJEMOS
1. Primero proponeme 2 direcciones visuales distintas (paleta, tipografía, 1 componente de ejemplo). Elijo una y avanzamos.
2. Después armá el design system completo: colores, fuentes, spacing, componentes base.
3. Después entregá las pantallas / slides / assets en mobile y desktop.
4. Al final, empaquetá todo en un handoff bundle listo para Claude Code (si aplica).
Si algo no se puede hacer bien, decímelo y proponé alternativa. No asumas, preguntá.
Empezá por las 2 direcciones visuales.