Tú describes.
Claude lo construye.
Antes, los diseños venían genéricos y no impresionaban a nadie. Ahora tienes el control total: ves en tiempo real cómo se ve, y Claude ajusta todo lo que le pidas.
¿Quién puede usarlo?
Claude Design está en versión beta. Está activo por defecto en estos planes:
Encuentra Design en la barra lateral
Está ahí desde hoy. Solo tienes que saber dónde mirar.
Abre Claude. En la barra lateral izquierda vas a ver una nueva opción: Design. Entra ahí. Lo primero que ves es el tablero con todos tus proyectos. Puedes crear uno nuevo, abrir uno que ya tenías, o elegir una plantilla para arrancar más rápido.
Prototipos de apps y diseños web
Cualquier interfaz que necesites: dashboard, landing page, formulario, flujo de onboarding. Sin código, sin Figma.
Presentaciones
Le describes el tema y la estructura, y Claude genera la presentación completa. Tú ajustas lo que necesites.
Plantillas
Si no sabes por dónde empezar, parte de una plantilla ya diseñada y modifícala a tu medida.
¿Qué es el botón de configuración? En el tablero hay un botón para configurar el sistema de diseño de tu marca. Ahí subes tus colores, tipografía y referencias visuales, y Claude las usa en cada proyecto que crees dentro de tu cuenta.
Crea tu primer proyecto
La interfaz es simple: chat a la izquierda, tu diseño en vivo a la derecha.
Dale en Nuevo proyecto. En cuanto lo creas, Claude hereda el sistema de diseño de tu cuenta: colores, fuentes, componentes. No tienes que configurar nada extra.
Eso es todo: tú describes en el chat, Claude construye en el lienzo. Lo ves mientras pasa. Nada de esperar, nada de exportar para ver cómo quedó.
¿Quieres darle contexto antes de empezar? Puedes adjuntar material de referencia en cualquier momento:
Capturas de pantalla o imágenes
Diseños que te gustan, pantallas de competidores, wireframes. Claude los entiende y los usa como referencia visual.
Base de código existente
Si ya tienes un proyecto con componentes propios, vincula el repositorio. Claude construye sobre lo que ya tienes.
Describe lo que quieres
No necesitas saber diseño. Solo tienes que saber qué quieres.
La clave es ser específico: qué estás construyendo, para quién es, y qué debe mostrar o incluir. Con eso, Claude tiene todo lo que necesita para generar algo que se vea bien desde el primer intento.
Usa el generador de abajo para construir tu primer prompt según lo que necesites crear:
Itera tu diseño
La primera versión es el punto de partida. El valor real está en lo que haces después.
Tienes dos formas de pedirle cambios a Claude. Cada una sirve para cosas distintas:
| Usa el chat cuando… | Usa comentarios en línea cuando… |
|---|---|
| "Haz la paleta de colores más oscura y minimalista" | Quieres cambiar un botón específico |
| "Reorganiza el dashboard para que los KPIs estén arriba" | Necesitas ajustar el espaciado de un elemento |
| "Añade un panel de configuración en el lado derecho" | Quieres cambiar un texto puntual |
| "Muéstrame 2 o 3 versiones alternativas de esta pantalla" | Quieres hacer colapsar una sección |
Para los comentarios en línea: haz clic directamente sobre la parte del diseño que quieres cambiar y escribe el comentario ahí. Es más rápido que describir la ubicación en el chat.
¿Quieres explorar una dirección diferente sin perder lo que tienes? Dile a Claude:
Guarda lo que tenemos e intenta un enfoque completamente diferente.
Claude guarda el proyecto actual y confirma dónde está, para que puedas volver a él si lo necesitas.
Exporta o comparte
Tu diseño listo. Tú decides en qué formato lo necesitas.
Cuando estés satisfecho, dale en el botón Exportar en la esquina superior derecha. Elige el formato según lo que vayas a hacer con el diseño:
Para presentar a clientes o compartir como documento.
PPTX
Para abrir en PowerPoint y seguir editando desde ahí.
HTML
Un archivo web independiente que funciona en cualquier navegador.
Canva
Lo envías directo a Canva para seguir editando con sus herramientas.
Claude Code
Lo convierte en código funcional listo para producción.
ZIP
Descarga todos los archivos del proyecto empaquetados.
¿Quieres que alguien más lo vea? También puedes compartir el proyecto con un enlace: solo lectura, para comentarios o para que editen directamente.
Tips que sí funcionan
Lo que separa un resultado bueno de uno que parece profesional.
Empieza simple, luego añade complejidad
Primero el diseño base y el contenido principal. Después agregas interacciones, casos edge y pulido visual. Claude responde mejor a solicitudes incrementales que a mega-prompts con todo de una.
Sé específico en tu feedback
"Esto no se ve bien" no le sirve a nadie. "Reduce el espaciado entre campos a 8px" sí. Cuanto más claro sea lo que quieres, menos vueltas da.
Pide variaciones
Si no estás seguro de la dirección, pídele que te muestre 2 o 3 opciones. Comparar alternativas es diez veces más rápido que intentar adivinar qué funciona.
Menciona desde el inicio si necesitas responsive
Si tu diseño tiene que funcionar en móvil, tableta y escritorio, díselo al principio. No al final, cuando ya está construido para un solo tamaño.
Trátalo como un colaborador, no como una herramienta
Puedes pedirle que revise el diseño, que evalúe si la información está bien ordenada o que te diga qué cambiaría él. Claude tiene criterio de diseño, úsalo.