35 prompts de ChatGPT para diseñadores UI/UX

El diseño UI/UX combina psicología del usuario y trabajo visual, y cada etapa exige una forma distinta de pensar. Los prompts de ChatGPT para diseñadores UI/UX adecuados agilizan la investigación, ayudan a evaluar los flujos con rigor, mejoran el microcopy y permiten explicar tus decisiones a desarrolladores y otras partes interesadas.

Aquí tienes 35 prompts en cinco etapas: investigación y descubrimiento; arquitectura de información y flujos; wireframes e interfaz; microcopy, accesibilidad y pruebas; y sistemas de diseño y entrega. Puedes usarlos en ChatGPT o en cualquier otro chatbot de IA.

Los mejores prompts de UX parten del contexto real del producto. Trata cada respuesta como un primer borrador que debes cuestionar y:

• Describe el producto y sus usuarios: plataforma, público, objetivos y la función que debe cumplir la pantalla.
• Indica las restricciones: prioridad móvil, normas de marca, límites técnicos y objetivos de accesibilidad como WCAG AA.
• Protege los datos de investigación: anonimiza las notas de entrevistas y evita incluir datos personales de los participantes.
• Valida con personas y herramientas reales: la IA acelera el razonamiento; las pruebas de usabilidad, los verificadores de contraste y las pruebas con usuarios de tecnología de asistencia siguen siendo necesarias.

Para analizar investigaciones con matices y crear microcopy natural, Claude Sonnet 5 es una buena opción inicial.

Siete prompts para entender a los usuarios antes de diseñar. El resumidor con IA permite condensar notas extensas y anonimizadas antes de analizarlas.

1. Guía de entrevista a usuarios

Crea una guía de entrevista de 30 minutos para entender [objetivo de investigación]. Perfil del participante: [descripción]. Incluye introducción, comportamiento actual, dificultades, modelos mentales y cierre. Escribe las preguntas de cada sección, señala las prioritarias si falta tiempo y añade notas sobre qué profundizar.

2. Mapa del recorrido del usuario

Traza el recorrido de [tipo de usuario] que intenta [objetivo] en [tipo de producto]. Para cada etapa, identifica objetivo, acciones, emociones probables, dificultades y oportunidades para reducir fricción o mejorar la experiencia. Usa una tabla con una fila por etapa.

3. Persona basada en investigación

A partir de estos hallazgos anonimizados —[pegar]— crea una persona con objetivos, frustraciones, comportamientos, contexto de uso y una cita breve basada en lenguaje real de la investigación. Señala qué es una suposición y qué está respaldado por evidencia.

4. Preguntas para una encuesta

Escribe una encuesta de 10 preguntas para conocer [objetivo de investigación] de [público]. Combina escalas y preguntas abiertas, evita preguntas sesgadas o que mezclen dos asuntos y explica qué decisión ayudará a tomar cada una.

5. Síntesis de entrevistas

Estas son notas anonimizadas de [número] entrevistas: [pegar]. Agrupa los hallazgos por temas como en un mapa de afinidad, cuenta su frecuencia, incluye una cita de apoyo por tema y propone tres oportunidades de diseño.

6. Auditoría UX de la competencia

Así resuelven [competidores] el [flujo o función], según mis notas y capturas: [descripción]. Compara claridad, cantidad de pasos, fricción y aspectos positivos. Identifica patrones que conviene adoptar y necesidades sin cubrir.

7. Trabajos por realizar (JTBD)

A partir de esta investigación —[pegar]— redacta los principales trabajos por realizar (JTBD) de [tipo de usuario] con el formato «Cuando… quiero… para poder…». Indica qué necesidad atiende peor el diseño actual.

La sección sobre modelos mentales del prompt 1 suele aportar los hallazgos más valiosos. Para profundizar en la codificación y el análisis temático de entrevistas, consulta nuestros prompts de ChatGPT para análisis de datos cualitativos.

Siete prompts para trabajar la estructura y los flujos, donde empiezan muchos problemas de usabilidad. Gemini 3 Pro permite trabajar con un mapa del sitio completo o una descripción extensa del flujo en una conversación.

8. Revisión de arquitectura de información

Revisa la arquitectura de información de [tipo de producto] con esta navegación: [descripción]. Evalúa claridad de etiquetas para el usuario, agrupación de contenido, profundidad frente a amplitud y facilidad para encontrar funciones clave. Propón cambios justificados y señala funciones ocultas o mal etiquetadas.

9. Mapa del flujo de usuario

Traza paso a paso el flujo para [tarea] en [producto]. Incluye el recorrido ideal, decisiones, errores, qué ocurre si el usuario abandona a mitad del proceso y dónde se pueden reducir pasos.

10. Plan de card sorting

Planifica un estudio de card sorting para [área del producto]. Recomienda si debe ser abierto o cerrado, qué tarjetas incluir, criterios de participantes y cómo convertir los resultados en una estructura de navegación.

11. Prueba de etiquetas de navegación

Estas son nuestras etiquetas de navegación: [lista]. Explica qué esperaría encontrar detrás de cada una un usuario nuevo de [público]. Señala etiquetas vagas o jerga interna y propone alternativas más claras para probar.

12. Diseño del onboarding

Diseña un onboarding para nuevos usuarios de [producto] cuyo objetivo principal es [objetivo]. Reduce los pasos al mínimo, llévalos pronto al primer momento de valor e indica qué puede dejarse para más adelante.

13. Diseño UX de formularios

Estos son los campos de nuestro formulario de [registro/pago/solicitud]: [lista]. Recomienda cuáles eliminar, combinar o hacer opcionales, el mejor orden, reglas de validación en línea y formas de reducir el abandono.

14. Estados vacíos y casos límite

Enumera todos los estados vacíos, de carga, error, sin conexión, primer uso y permiso denegado de [pantalla o función]. Describe qué debe ver el usuario y qué acciones puede realizar en cada uno.

Quienes construyeron el producto suelen pasar por alto los problemas de arquitectura de información. Aplica el prompt 11 a cada etiqueta nueva. Si colaboras con responsables de producto, nuestros prompts de ChatGPT para product managers muestran cómo abordan los mismos problemas.

Siete prompts para convertir la estructura en pantallas. Para explorar estilos y ambientes antes de abrir tu herramienta de diseño, Nano Banana Pro puede generar referencias visuales a partir de una descripción.

15. Brief de wireframe

Escribe un brief de wireframe para [pantalla] de [tipo de producto]. Propósito: [descripción]. Acción principal: [descripción]. Información clave: [lista]. Acciones secundarias: [lista]. Restricciones: [p. ej., prioridad móvil, ancho de 320 px, WCAG AA]. Recomienda la jerarquía del contenido y justifica su prioridad.

16. Crítica de jerarquía visual

Evalúa la jerarquía visual de esta pantalla: [subir captura o describir]. ¿Dónde se dirige la mirada primero, segundo y tercero? ¿Se reconoce la acción principal? Enumera los cinco cambios que más mejorarían la claridad.

17. Revisión de color y contraste

Esta es nuestra paleta y el uso de cada color: [valores hexadecimales y funciones]. Señala combinaciones que podrían incumplir el contraste WCAG en texto y elementos de UI, y usos donde solo el color transmite significado. Propón correcciones y recuérdame verificar las proporciones con un comprobador de contraste.

18. Escala tipográfica

Propón una escala tipográfica para [tipo de producto] con [fuente o estilo]. Incluye tamaños, pesos e interlineado para títulos, cuerpo, leyendas y botones en móvil y escritorio. Explica cómo mejora la legibilidad.

19. Plan de diseño responsive

Describe cómo adaptar este diseño a móvil, tableta y escritorio: [descripción]. En cada punto de ruptura, indica qué se mueve, apila, oculta o amplía y cómo mantener accesible la acción principal.

20. Consideraciones para modo oscuro

Vamos a añadir modo oscuro a [producto]. Enumera los ajustes necesarios además de invertir colores: elevación, sombras, colores saturados, imágenes, ilustraciones y estados. Señala los errores habituales que debemos evitar.

21. Comparación de alternativas de diseño

Estas son dos alternativas para [pantalla]: [describir ambas]. Compáralas por usabilidad, claridad, accesibilidad, jerarquía visual y esfuerzo de implementación. Indica qué probar con usuarios para decidir.

Un brief de wireframe sin justificación puede producir pantallas que resuelven el problema equivocado. Usa el prompt 15 antes de dibujar y el 16 después para mantener el diseño y su razonamiento alineados.

Siete prompts para trabajar el texto, la inclusión y la evidencia. Claude Haiku 4.5 genera rápidamente varias versiones de microcopy entre las que elegir.

22. Microcopy para interfaces

Escribe microcopy para estos momentos de UI en [tipo de producto] dirigido a [público]: [p. ej., notificaciones vacías, confirmación de eliminación de cuenta, tiempo de espera agotado, formulario completado, ayuda de una función]. Tono: [cercano o profesional y conciso]. Mantén cada texto por debajo de [número de palabras] y evita jerga.

23. Reescritura de errores

Reescribe estos errores para explicar qué ocurrió, por qué importa y qué puede hacer el usuario, sin culparlo: [pegar]. Hazlos suficientemente breves para una pantalla móvil.

24. Evaluación heurística de usabilidad

Actúa como especialista UX y evalúa heurísticamente esta pantalla o flujo: [descripción detallada]. Usa las 10 heurísticas de Nielsen. Clasifica cada una como Cumple, Parcial o No cumple, justifica y propone una mejora concreta. Ordena los problemas de críticos a menores.

25. Revisión de accesibilidad

Revisa la accesibilidad de este diseño: [describir o subir]. Comprueba navegación con teclado, orden del foco, tamaño de objetivos táctiles, alternativas textuales, etiquetas de formularios, movimiento y significado transmitido solo por color. Relaciona cada problema con la pauta WCAG correspondiente e indica qué probar con tecnología de asistencia.

26. Guion de prueba de usabilidad

Crea un guion de prueba de usabilidad moderada para [prototipo o función]. Incluye una introducción tranquilizadora, cinco tareas realistas sin pistas, preguntas de seguimiento por tarea y criterios de éxito medibles.

27. Hipótesis para pruebas A/B

Ayúdame a estructurar una prueba A/B para este cambio UX: [descripción]. El diseño actual: [descripción]. Redacta una hipótesis «Si… entonces… porque…», la métrica principal, métricas secundarias y de protección, consideraciones de tamaño de muestra y variables de confusión que controlar.

28. Resumen de hallazgos de pruebas

Estas son notas anonimizadas de nuestras sesiones de usabilidad: [pegar]. Resume problemas por gravedad y frecuencia, añade una cita breve por problema y recomienda qué corregir primero, qué volver a probar y qué mantener.

Crear varios textos en un mismo prompt ayuda a mantener un tono coherente en el producto. Para analizar pruebas A/B y embudos después del lanzamiento, profundiza con nuestros prompts de ChatGPT para análisis de datos.

Siete prompts para documentar y presentar bien tu trabajo. GPT-5.6 Sol ayuda a elaborar especificaciones y documentación estructuradas.

29. Especificaciones de interacción

Escribe especificaciones de interacción para [componente descrito]. Cubre estados predeterminado, hover, foco, activo, deshabilitado, error y éxito. Detalla cambio visual, desencadenante, animación o transición y etiqueta accesible o atributo ARIA necesario. Usa un formato útil para desarrollo.

30. Documentación de tokens de diseño

Documenta los tokens de un sistema de diseño para [tipo de producto]: color, tipografía, espaciado, radio, elevación y movimiento. Incluye nombres y valores, convención de nombres, cuándo usar y cuándo evitar cada token y un ejemplo de uso.

31. Documentación de componentes

Documenta nuestro [componente] del sistema de diseño: propósito, anatomía, variantes, cuándo elegirlo frente a otros componentes, normas de contenido, accesibilidad y ejemplos de uso correcto e incorrecto.

32. Checklist de entrega a desarrollo

Crea una checklist de entrega de [función] a desarrollo: flujos, todos los estados, espaciado y tokens, reglas responsive, textos, recursos, requisitos de accesibilidad y preguntas pendientes.

33. Presentación de decisiones de diseño

Ayúdame a presentar este diseño a [partes interesadas]: [diseño y decisiones clave]. Organiza la historia alrededor del problema del usuario, la evidencia, las opciones consideradas y la decisión. Anticipa las tres preguntas más difíciles.

34. Feedback de diseño

Este es mi feedback sobre el diseño de un colega: [pegar]. Reescríbelo con observaciones concretas ligadas a objetivos del usuario y separa problemas que deben corregirse, sugerencias y preguntas.

35. Narrativa de un caso de estudio UX

Ayúdame a redactar un caso de estudio UX. Proyecto: [descripción]. Mi rol: [descripción]. Problema: [descripción]. Proceso: [fases]. Resultado: [descripción, solo métricas reales]. Incluye problema en una frase, contexto, proceso centrado en decisiones clave, hallazgo principal y resultado. Usa un tono seguro y reflexivo.

Las especificaciones completas reducen las consultas durante la implementación, y las indicaciones sobre cuándo no usar un token del prompt 30 mantienen la coherencia. Para ver la entrega desde la perspectiva de desarrollo, consulta nuestros prompts de ChatGPT para desarrolladores.

Chat Smith reúne ChatGPT, Claude, Gemini, Grok y DeepSeek en una app. Revisar las mismas especificaciones de interacción o auditorías heurísticas con varios modelos de IA puede revelar casos límite que uno solo pasa por alto. Guarda los briefs de wireframe, los lotes de microcopy y los prompts de auditoría como plantillas reutilizables.

Una buena UX exige hacer las preguntas adecuadas en cada etapa y comprobar las respuestas con usuarios reales. Para aprender técnicas de prompting más allá del diseño, consulta nuestra guía de prompts de ChatGPT.