19 mejores prompts de Claude para diseño que realmente funcionan

El trabajo de diseño se atasca mucho más a menudo en el plano conceptual que en el técnico: un brief impreciso, una idea que no logras expresar o un cliente que necesita que le expliques el razonamiento. Ahí es exactamente donde los prompts de Claude para diseño demuestran su valor. Claude no crea elementos visuales, pero sí genera el pensamiento que debe producirse antes y alrededor de ellos.

A continuación encontrarás 19 prompts sobre briefs, sistemas tipográficos y de color, textos de interfaz, crítica y entrega. Todos están listos para copiar y pegar. Úsalos en Chat Smith, un chat de IA gratuito que reúne Claude, GPT y Gemini en un solo lugar, y descubre una colección más amplia de prompts de Claude para trabajos ajenos al diseño.

Claude no puede ver tu archivo. Todo lo que sabe de tu diseño depende de la precisión con que lo describas; por eso, la calidad de la respuesta sigue casi exactamente la calidad de tu descripción. Un modelo de contexto largo como Claude Sonnet 5 puede mantener en una sola conversación un brief, una guía de marca y tres rondas de crítica. Eso permite un proceso de diseño iterativo, no una consulta aislada. Cuatro hábitos separan un prompt útil de uno genérico.

Describe lo que aparece en pantalla, no lo que pretendías. Explica el diseño, la jerarquía, el espaciado, los valores de color y los tamaños tipográficos. Si describes tu intención, recibirás comentarios sobre tu intención.

Nombra al público y la decisión. «Compradores de SaaS B2B que evalúan tres proveedores» produce consejos distintos de «usuarios». La decisión que debe impulsar el diseño importa más que la estética.

Pide el razonamiento, no solo la respuesta. Una combinación tipográfica que no puedes justificar tampoco puedes defenderla ante un cliente. Cada recomendación debe incluir su fundamento.

Verifica todo lo comprobable. La disponibilidad y las licencias de las fuentes, así como las relaciones de contraste, son datos que un modelo puede afirmar con seguridad y aun así equivocarse. Compruébalos en la fundición tipográfica y con una herramienta de contraste antes de mostrarlos al cliente.

Cuatro prompts para la etapa anterior a dibujar nada. La mayoría de los proyectos que fracasan empezaron a torcerse aquí. Un moodboard verbal se puede iterar mucho más rápido que uno visual, aunque una herramienta de texto a imagen resulta útil una vez elegida la dirección.

1. El creador de briefs creativos

Redacta un brief creativo detallado para [proyecto]. Cliente y marca: [describe]. Público objetivo: [quiénes son, qué usan actualmente, qué creen]. La marca debe transmitir [tres adjetivos]. Incluye descripción general de la marca, público, objetivos de diseño, tono de voz, entregables y restricciones. Después, señala cualquier elemento de mi información que sea contradictorio o demasiado vago para diseñar a partir de él.

2. El moodboard verbal

Describe cuatro direcciones visuales verdaderamente distintas para [proyecto]. Para cada una, indica: paleta de colores con códigos hexadecimales sugeridos, personalidad tipográfica, estilo de imágenes, sensación de los componentes de interfaz y emoción que debe provocar. Haz que sean diferentes por naturaleza, no solo por grado; ninguna debe ser una variante de la misma idea. Luego dime cuál es la más arriesgada y por qué.

3. La auditoría de convenciones de la categoría

Así se presentan visualmente los principales actores de [categoría]: [describe sus sitios, colores, tipografía e imágenes]. Identifica las convenciones de esta categoría, es decir, lo que todos hacen. Después, dime cuáles existen por una razón real de usabilidad y cuáles son mera imitación, porque en este segundo grupo es seguro diferenciarse.

4. El traductor del público

Mi público es [descríbelo: función, contexto, qué está haciendo cuando llega y qué le preocupa]. Traduce esa información en implicaciones de diseño: qué necesita ver primero, qué le hará desconfiar de la página, cuánto texto leerá realmente y qué dispositivo y condiciones probablemente utilizará. Sé lo bastante específico como para que pueda actuar sobre cada punto.

Cuatro prompts para la capa sistemática. Las decisiones de nomenclatura y estructura son baratas de cambiar ahora, pero costosas cuando los desarrolladores ya han construido sobre ellas.

5. La combinación tipográfica

Sugiere tres combinaciones tipográficas para [describe la marca y el sector] que transmitan [tres adjetivos]. Para cada una, indica la fuente de titulares, la fuente de cuerpo y el razonamiento que podría usar en una reunión con el cliente. Limítate a familias que estés seguro de que están disponibles en [Google Fonts / Adobe Fonts] e indícame dónde debo comprobar personalmente la licencia.

6. La escala tipográfica

Crea una escala tipográfica para [tipo de producto] con [número] niveles y un tamaño base de [X] px. Indica el tamaño, interlineado, peso y uso previsto de cada nivel, además de los valores para móvil. Después dime qué dos niveles están tan próximos que un diseñador podría confundirlos y si la escala realmente necesita ambos.

7. El creador de nombres para la paleta

Esta es mi paleta: [enumera cada color con su valor hexadecimal]. La marca es [describe]. Asigna a cada color un nombre evocador y fácil de recordar que encaje con la marca, además de una descripción de una línea sobre su función en el sistema. Evita nombres que describan el propio color: no aportan nada que el código hexadecimal no diga ya.

8. La convención para nombrar tokens

Estoy creando un sistema de diseño para [producto]. Genera una convención semántica para nombrar tokens de color que abarque colores de marca, una escala neutra, colores de estado y pares de fondo/primer plano. Preséntala como tabla. Después explica la regla de nomenclatura en un párrafo para que un desarrollador que se incorpore dentro de seis meses pueda ampliarla sin preguntarme.

Cuatro prompts para las palabras de la interfaz, que influyen en la experiencia más que la mayoría de las decisiones visuales. Pasa los textos finales por un corrector gramatical con IA antes de la entrega y mantén el tono coherente con lo que tu generador de textos publicitarios con IA produzca para el sitio de marketing.

9. El microcopy de onboarding

Escribe el microcopy de un flujo de onboarding de [número] pantallas para [producto]. Para cada pantalla, incluye un titular, un cuerpo de no más de dos frases y la etiqueta de un botón. Tono: [describe]. Cada pantalla debe justificar la siguiente; si una existe solo para explicar una función, dime que la elimine en lugar de escribirle texto.

10. Los estados vacíos y de error

Escribe los estados vacíos y los mensajes de error para [describe el área del producto]. Para cada uno, explica qué ocurrió, qué puede hacer el usuario y cuál es la etiqueta del botón. Sin disculpas, sin culpar al usuario y sin «ups». Si el error es nuestro, dilo con claridad. Si el usuario no puede solucionarlo, indícale qué estamos haciendo nosotros.

11. Las etiquetas de formulario y el texto de ayuda

Estos son los campos de mi formulario: [enuméralos junto con su finalidad]. Escribe para cada uno la etiqueta, el texto de marcador y el texto de ayuda. Las etiquetas deben permanecer visibles, no estar solo dentro del marcador. Después señala cualquier campo cuyo texto de ayuda esté haciendo el trabajo que debería hacer la etiqueta y cualquier campo que pueda eliminar por completo.

12. La auditoría de botones y acciones

Estas son todas las etiquetas de botón de [describe el flujo o la pantalla]: [enuméralas]. Comprueba la coherencia de voz y forma gramatical, cualquier ambigüedad sobre lo que ocurrirá después del clic y si hay dos etiquetas que puedan confundirse. Reescribe las problemáticas y dime qué única acción de esta pantalla debería destacar visualmente.

Cuatro prompts para la revisión. Describe el diseño tal como existe, no como pretendías que fuera. Todo el valor de esta sección depende de ello, porque una descripción halagadora produce comentarios halagadores.

13. La crítica del diseño de página

Este es mi diseño: [describe la disposición, jerarquía, color, tipografía, espaciado y lo que aparece antes de desplazarse]. Público: [describe]. La acción que quiero que realicen: [indícala]. Evalúalo según principios centrados en la conversión y propón cinco mejoras concretas ordenadas por impacto esperado. Dime cuál me resistiré a aplicar y por qué sigue siendo la decisión correcta.

14. La comprobación de la jerarquía

Esto es todo lo que aparece en la pantalla, en el orden en que se muestra: [enumera los elementos con su tamaño y peso]. Dime en qué orden los percibirá realmente el usuario y si coincide con el orden de importancia que pretendía: [indica el orden deseado]. Cuando difieran, dime qué debo cambiar.

15. La revisión de accesibilidad

Este es mi diseño: [describe colores con valores hexadecimales, tamaños tipográficos, elementos interactivos y estados]. Revísalo desde la accesibilidad: contraste de color, tamaño del texto, tamaño de los objetivos táctiles, dependencia exclusiva del color para transmitir significado, estados de foco y movimiento. Indícame qué debo comprobar con un verificador de contraste real y un lector de pantalla en vez de confiar en tu respuesta.

16. El diagnóstico de lo que no funciona

Algo no funciona en este diseño y no sé identificarlo: [descríbelo con tanto detalle como puedas]. No propongas soluciones todavía. Hazme hasta seis preguntas sobre intención, restricciones y contexto, y después ofrece tu mejor diagnóstico de lo que realmente está mal. A menudo no es aquello que estoy mirando.

Tres prompts para la fase en que un buen trabajo se aprueba o rechaza según lo bien que se explique. Para el documento, un generador de propuestas con IA se encarga de la estructura una vez definido el argumento, y un generador de storyboards con IA ayuda cuando necesitas mostrar un flujo en lugar de una sola pantalla.

17. La justificación del diseño

Escribe una justificación del diseño en tres párrafos para [describe lo que creaste y las decisiones concretas: color, tipografía, composición e imágenes]. Público: una persona no diseñadora [fundador / cliente / parte interesada]. Explica cada decisión por lo que aporta a su negocio, no mediante teoría del diseño. Evita cualquier jerga que requiera explicación.

18. La guía de voz de marca

Crea una guía de voz y personalidad de marca para [describe la empresa y el público]. Incluye el arquetipo, cuatro rasgos de personalidad con sus descripciones, principios de tono, palabras que se deben usar y evitar, y tres reescrituras de textos con versiones antes y después. Añade luego una sección sobre cómo cambia la voz en estados de error y en soporte, la parte que la mayoría de estas guías omite.

19. Las notas para la entrega al desarrollador

Este es mi diseño: [describe los componentes, estados y comportamientos]. Escribe notas de entrega para un desarrollador: qué es fijo y qué es fluido, cómo se comporta cada componente en los puntos de ruptura, todos los estados interactivos y qué ocurre con contenido inesperado, como nombres largos, imágenes ausentes o listas vacías. Después enumera las preguntas que haría un desarrollador y que mi descripción no responde.

En diseño se utilizan los mismos prompts una y otra vez con proyectos distintos, por lo que merece la pena guardarlos bien. Chat Smith te permite conservar la plantilla del brief, el prompt de crítica y la lista de comprobación para la entrega como plantillas de un clic, agruparlas por cliente y compartir el conjunto con el resto del equipo de producto para que todos los briefs lleguen con una estructura coherente.

También ejecuta varios modelos de IA en paralelo: Claude, GPT, Gemini, DeepSeek y Grok. Esto tiene una utilidad práctica en diseño: los modelos difieren mucho en su registro, y el que redacta un brief conceptualmente rico rara vez es el que crea las etiquetas de botón más concisas. Enviar el mismo prompt a dos modelos solo tarda unos segundos y suele aclarar qué resultado conviene utilizar.

Empieza con el prompt 16, el diagnóstico de lo que no funciona, aplicándolo a aquello que tengas sin terminar en tu archivo. Es el único prompt de esta lista que te hace preguntas antes de darte una respuesta y suele ser el que encuentra el problema real.