Cinco flujos de trabajo en Claude Design que superan al prompt de un solo intento

Mucha gente choca tarde o temprano con el mismo muro en las herramientas de diseño con IA. Escribes «build a landing page for a prompt pack» en Claude Design, miras lo que sale, te decepciona un poco, cierras la pestaña y repites todo tres días después. El resultado no es malo. Es genérico. Y lo genérico es lo que obtienes cuando tratas la herramienta como una máquina expendedora: entra la petición, sale el diseño terminado.

La cosa mejora cuando Claude Design se usa como espacio de trabajo y no como generador de un clic. Dale contexto, explora varias direcciones, prototipa, refina a propósito y después critica el resultado. De ahí salen cinco flujos de trabajo.

Qué es la herramienta

Claude Design está en claude.ai/design y viene de Anthropic Labs. La pantalla tiene dos paneles: una conversación a un lado y un lienzo en vivo al otro. No se limita a producir imágenes planas. Puedes construir e iterar interfaces, prototipos, diapositivas, documentos de una página y piezas de marketing.

Abrirlo y escribir «make a dashboard» desaprovecha la mayor parte de su valor. El enfoque más sólido empieza antes de que exista cualquier diseño.

Flujo 1: que extraiga primero tu sistema de diseño

Hazlo antes de generar nada. Dale a Claude una muestra de tu trabajo real, como capturas de pantalla, interfaces anteriores, presentaciones, guías de marca, componentes o cualquier referencia visual. Después, pídele que ponga nombre al sistema que hay debajo. Qué buscar:

• para qué se usa cada color
• cómo los tamaños y pesos tipográficos forman una jerarquía
• patrones de espaciado recurrentes
• cómo se estilizan los componentes
• costumbres con bordes y radios de esquina
• cómo se organizan las maquetaciones
• decisiones visuales que se repiten una y otra vez

El objetivo no es decirle a Claude que tus colores favoritos son el rosa y el azul marino. El objetivo es enseñarle cómo toman decisiones tus diseños. Un primer mensaje típico:

Here are 6 pieces of my existing brand work.

Luego sigue con la petición de la extracción en sí:

Before you build anything, tell me what design system you extracted from
these: exact color values and what each one is for, type scale and
hierarchy, spacing logic, and the visual rules you think are
non-negotiable in my work.Then tell me where my assets contradict each other — I want to know
where I've been inconsistent.

La última línea de ese prompt es la que carga con casi todo el peso. Saca a la luz incoherencias en tu propia identidad de marca que quizá no conocías. En lugar de copiar tu estética, a Claude se le pide auditarla, y esa es una base mucho mejor para todo lo que venga después.

Flujo 2: pide direcciones y luego escribe un brief de verdad

Pedir la respuesta final demasiado pronto es una de las vías más rápidas hacia un diseño mediocre. Toma una petición escueta como «build a project management dashboard». Claude tendría que decidir decenas de cuestiones que aún no has respondido, como la jerarquía, la densidad, la navegación, el tono, la arquitectura de la información y los patrones de interacción.

Así que pide direcciones en lugar del diseño.

Dame tres direcciones. En cada una, cubre la jerarquía de la información, la lógica de la maquetación, el lenguaje visual y la principal contrapartida. No construyas nada todavía.

Así el intercambio se convierte en una decisión que tomas tú, no en un juicio sobre lo primero que se le ocurrió a la IA. Una vez elegida la dirección, entrega el brief completo. Lo cubren cinco partes: objetivo, público, maquetación, contenido y tono.

El bloque de objetivo pide tres direcciones de UI realmente distintas antes de construir nada:

GOAL: I'm designing a project management dashboard for small creative teams.
Give me three genuinely different UI directions before building it:

1. Calm and editorial
2. Compact and productivity-focused
3. Visual and project-first

El bloque de público dice quién lo va a usar:

AUDIENCE: Designers, marketers, and creative leads working in teams of 3–15. They use digital tools daily but don’t want something that feels like enterprise software.

El bloque de maquetación describe la estructura:

LAYOUT: Left sidebar navigation. Top section with a simple “Today” overview. Main area shows active projects as cards with progress, owner, deadline, and status. Add a smaller upcoming-deadlines section and a compact activity feed. Keep secondary information hidden until needed.

El bloque de contenido pide datos de ejemplo realistas para poder juzgar bien la jerarquía y la densidad:

CONTENT: Use realistic placeholder projects, team members, deadlines, and task names so I can properly judge the hierarchy and density.

El bloque de tono marca la sensación y descarta la decoración que no sirve para nada:

TONE: Calm, modern, and polished. Strong typography, generous whitespace, subtle borders, and one accent color. Avoid excessive gradients, glassmorphism, and decorative UI that doesn’t serve a function.

Y una instrucción final pide una comparación:

Build this version first, then show me a second direction that’s more compact and information-dense. I want to compare which approach makes scanning and prioritizing easier.

Es estructura suficiente para reducir las conjeturas sin un prompt de 2.000 palabras. Casi siempre merece la pena pedir una segunda versión. Un resultado te da algo que aceptar o rechazar, pero dos te dan algo que comparar, y eso lleva a una decisión de diseño mucho mejor.

Flujo 3: prototipa para aprender, no para terminar

Aquí Claude Design se vuelve más interesante para los diseñadores de UI. Trata la primera generación como algo a lo que reaccionar, no como el diseño final. Construye la interfaz en borrador, recórrela haciendo clic y fíjate en lo que confunde. Preguntas útiles:

• ¿Tiene sentido la jerarquía?
• ¿Se ve en tres segundos qué requiere atención?
• ¿Es evidente la acción principal?
• ¿Hay demasiada información compitiendo por la mirada?
• ¿Encaja la navegación con el modelo mental del usuario?

En esta fase apenas importa si el radio de las esquinas es perfecto. Lo que se pone a prueba es la idea de la interfaz. Para el dashboard de proyectos, pide dos prototipos:

• Versión A: domina una vista «Hoy», con las tareas urgentes y los plazos arriba.
• Versión B: dominan los proyectos, y las tareas de hoy van anidadas debajo.

El producto y el contenido son idénticos, pero la arquitectura de la información cambia. Ahora puedes ver qué modelo hace el producto más fácil de entender antes de dedicar tiempo a pulir cualquiera de los dos. Probablemente sea el mayor cambio de mentalidad: usa la generación para producir decisiones, no solo entregables.

Flujo 4: elige la herramienta de edición adecuada para cada cambio

La mayoría itera escribiendo un párrafo más en el chat. Es una de cuatro herramientas, y la más tosca.

• El chat sirve para grandes cambios estructurales, como otro tema, una página reordenada o una dirección más oscura.
• Los comentarios en línea se encargan del feedback puntual sobre un elemento. Lo señalas como cuando corriges el archivo de un diseñador junior, así que no hace falta describir dónde está.
• La edición directa de texto corrige los textos. Volver a lanzar el prompt para cambiar tres palabras malgasta una vuelta.
• Los controles deslizantes cambian espaciado, color y maquetación en vivo y al instante.

Ajustar la herramienta al tamaño del cambio explica la mayor parte de la velocidad. El chat define la forma, los comentarios resuelven los detalles y los deslizantes dan el pulido.

Flujo 5: haz que ataque el diseño

Cuando el diseño ya se vea bien, deja de pedirle a Claude que lo mejore y pídele que lo destroce. Los asistentes de IA son por naturaleza excelentes validando lo que se acaba de hacer, y la validación no ayuda mucho.

Review this interface as a senior product designer who did not work on it.Don't redesign it yet.Identify the five weakest decisions in the current version.For each one, explain:
- what isn't working
- why it could create friction for the user
- what assumption I may have made incorrectly
- what you would test instead

Dile que priorice la usabilidad y la jerarquía por encima de la estética. Hazlo antes de comprometerte con algo caro, ya sea una dirección de producto, un rebranding o el enfoque de un lanzamiento. A veces el contraargumento resulta flojo y tu convicción crece. Otras veces te ahorra un mes.

Continuidad con Projects

La última pieza es la memoria. Un compañero que lo olvida todo entre conversaciones no es gran compañero. Usa Projects para guardar contexto duradero: documentos de marca, tus mejores trabajos, reglas de estilo y notas sobre lo que has probado y descartado. Todo lo que hay en un Project arranca con ese contexto cargado. Claude también puede buscar en chats anteriores y apoyarse en el contexto previo, así que el trabajo se acumula entre sesiones en lugar de reiniciarse cada vez.

Lo que casi todo el mundo pasa por alto es guardar los descartes junto con los aciertos. «Este estilo de gancho fracasó». «Esa paleta resultaba demasiado corporativa». Los ejemplos negativos enseñan gusto más rápido que los positivos, porque marcan los límites. Al cabo de unos meses tienes un colaborador que conoce tu estética, tu público, lo que ya se ha probado y lo que no vas a hacer.

Por dónde empezar

Configura tu sistema de diseño en Claude Design. Sube cinco o seis de tus mejores piezas y deja que extraiga las reglas. Esos veinte minutos mejoran todo lo demás, y casi todo el mundo se los salta camino de la decepción.

Después, cambia tu forma de escribir prompts. Escribe un brief en lugar de una petición, pide dos versiones en lugar de una, consigue cinco direcciones antes de elegir y haz que discuta contigo antes de comprometerte.

Una advertencia: Claude Design sigue siendo una research preview. El resultado no será perfecto al píxel, no puede gestionar un sistema de diseño maduro a escala real, y Figma no va a desaparecer. Su verdadera fuerza es la velocidad en el tramo inicial y penoso del trabajo creativo, el que va de la página en blanco a un borrador al que merece la pena reaccionar. La herramienta en sí ya es capaz. Lo que limita los resultados es cómo se usa.