Programaste la función a puro vibe coding, pero la pantalla se ve plana y con pinta de "hecha por una IA". Claude Design (beta) es la herramienta de diseño de Anthropic que se encarga de la parte de *dejarlo bonito*: describe lo que quieres, Claude arma un borrador, tú lo ajustas con clics y controles deslizantes, y luego lo exportas a HTML o se lo pasas a Vercel / Claude Code para publicar un sitio real.

Lo que necesitas

  • Un plan Pro / Max / Team de Claude (Enterprise viene desactivado por defecto: un administrador debe habilitarlo en Organization settings)
  • Un navegador

Paso 1 — Abre Claude Design

  1. Entra a claude.ai/design (o haz clic en Start designing en la página del producto)
  2. Inicia sesión y llegarás al lienzo de diseño.

Paso 2 — Descríbelo y obtén un borrador

Sé específico. Copia, pega y edita esto:

> Crea una landing page para una startup fintech. Secciones: hero, tres funciones clave, testimonios, precios y un CTA al final. Tono: confiable y minimalista. Color principal: azul intenso (#1E3A8A).

Claude arma una primera versión; tú reaccionas a ella e iteras a partir de ahí.

Paso 3 — Suma tu marca (opcional)

¿Tienes un design system de tu empresa? Impórtalo desde un repo de GitHub, archivos de diseño o un código local. Claude construye con tus componentes reales y compara su resultado con tu design system, corrigiendo las inconsistencias antes de que las veas siquiera.

Paso 4 — Ajusta (la parte importante)

Modifica directamente sobre el borrador:

  • Haz clic en un elemento y deja un comentario ("haz este botón más grande")
  • Haz doble clic en el texto para editarlo en línea
  • Usa los controles deslizantes que genera Claude para afinar el espaciado y el color
  • Arrastra elementos para moverlos, redimensionarlos y alinearlos

Consejo: pide de entrada "tres propuestas para comparar" y fija pronto los colores y las tipografías de tu marca; el resultado sale mucho más consistente.

Paso 5 — Expórtalo / publícalo

  • Exporta a HTML / PDF / PPTX
  • Envíalo a herramientas conectadas: Vercel, Wix, Canva y más
  • Para seguir construyendo en código, pásalo a Claude Code con /design-sync o /design

Bueno saberlo

  • Claude Design está en beta y no es un servicio de hosting en sí: para publicar, exporta el HTML o usa las integraciones con Vercel/Wix.
  • En Enterprise permanece oculto hasta que un administrador lo habilite en Organization settings.