Generador de prompts para UX/UI Un AI prompt generator con prompts de IA para diseño UX de interfaces y apps
Este generador de prompts para UX/UI convierte lo que debe resolver una pantalla o un flujo en instrucciones de inteligencia artificial (IA) listas para ChatGPT, Claude, Gemini, Google Stitch, v0 o Lovable. Está pensado para diseñadores de interfaz, product designers y equipos de producto. Lo ha creado Founderz, que imparte el curso de IA para diseñadores UX/UI.
- Gratis
- Unos 2 minutos
- En tu navegador
- Para ChatGPT, Claude, Gemini y Copilot
De un vistazo
- Qué hace: Convierte tu brief en un prompt de diseño UX/UI.
- Para qué: Pantallas, flujos, specs, auditorías y prompts para Figma o v0.
- Qué obtienes: un prompt listo para copiar y peticiones de seguimiento.
Generador de prompts para UX/UI
Describe la pantalla o el flujo que quieres resolver y obtén un prompt para que ChatGPT, Claude o Gemini entreguen pantallas, flujos, especificaciones o un prompt listo para Figma, Stitch, v0 o Lovable. Solo el paso 1 es obligatorio: el resto queda en Auto.
Cómo usar el generador de prompts para UX/UI
Solo el primer paso es obligatorio: lo que no elijas queda en Auto.
- Lo esencial. Escribe lo que debe resolver la experiencia, elige qué necesitas (de una pantalla clave a una auditoría o un prompt para una herramienta de UI) y, si quieres, activa “Que la IA me haga preguntas antes de diseñar”.
- Pantalla y usuario. Elige la pantalla o el flujo, el usuario principal y la plataforma. En “Ajustes avanzados” está “Contenido y datos”, para decidir si quieres textos realistas, datos ficticios o solo estructura.
- Diseño y estados. Define la dirección visual, la densidad y los estados que debe cubrir. En “Ajustes avanzados” puedes fijar los componentes prioritarios y “Sistema y responsive”.
- Herramienta y entrega. Elige la herramienta de diseño (Figma, Stitch, v0, Lovable, Uizard o un generador de imágenes) y el idioma de la interfaz. Los ajustes avanzados añaden el material que aportas, controles extra como criterios de aceptación o un plan de test, y tus restricciones.
- Genera y copia tu prompt. Pulsa “Generar prompt”, introduce tu email para verlo entero y cópialo.
Lo que dejes en Auto lo deduce la IA a partir de tu brief y lo anota como supuesto. Si vas a adjuntar una captura o un wireframe, elígelo en “Material que vas a aportar”, dentro de “Ajustes avanzados”, para que trabaje desde lo que ve.
Ejemplo: un prompt para auditar un checkout móvil
Con el ejemplo “Checkout” del generador, el prompt empieza así. Es un fragmento: el botón copia el prompt completo.
ROL Actúa como diseñador UX/UI sénior con experiencia en producto digital. Partes del usuario y de su tarea, no de la estética: aplicas jerarquía visual, las heurísticas de usabilidad de Nielsen, patrones de interfaz conocidos y WCAG 2.2 AA, y nunca rellenas huecos con datos de usuarios inventados. OBJETIVO Audita la experiencia actual y entrega una lista de mejoras priorizadas por impacto y esfuerzo. CONTEXTO Brief de diseño aportado por el usuario (úsalo como fuente principal): [INICIO DEL BRIEF] Tienda online de material de escalada. El checkout tiene 4 pasos, obliga a crear cuenta antes de pagar y en móvil el teclado tapa el botón de continuar. Quiero saber qué cambiar primero. [FIN DEL BRIEF] ... FORMATO DE SALIDA Entrega una tabla de hallazgos con columnas N.º, Dónde, Problema, Heurística, Severidad (0 a 4), Solución propuesta, Impacto y Esfuerzo; después las 3 mejoras rápidas y los 3 cambios estructurales. ...
El prompt completo añade las restricciones de accesibilidad WCAG 2.2 AA, siete pasos de trabajo, el formato exacto de la tabla de hallazgos con una fila de ejemplo y cuatro comprobaciones finales.
El resultado: en lugar de una lista vaga de consejos, la IA devuelve una tabla de hallazgos priorizada por impacto y esfuerzo, con la solución concreta de cada problema.
Consejos para refinar un design prompt
6 consejos rápidos
- Describe en el brief la tarea del usuario con un verbo y un contexto (“pagar en menos de un minuto desde el móvil”) en lugar de pedir “una pantalla bonita”.
- Elige “Vacío, carga, éxito y error” en “Estados que debe cubrir”: son los estados que se suelen olvidar y los que más fallan en producción.
- Comprueba el contraste de lo que te devuelva la herramienta: las pautas WCAG 2.2 del W3C piden una relación de al menos 4.5:1 para el texto normal.
- Si trabajas con un design system, elige “Tokens de un sistema existente” en “Sistema y responsive” y nombra tus componentes en “Contexto, restricciones o referencias (opcional)” para que la propuesta encaje con tu librería.
- Para mejorar el resultado, cambia una variable por iteración (el usuario, la densidad o la dirección visual) y compara las variantes.
- Trata lo que devuelva el asistente como un primer borrador: valida el flujo con personas usuarias reales antes de pasarlo a desarrollo.
Ventajas y desventajas de un AI prompt generator para UX design
La ventaja principal es la estructura: el formulario te obliga a pensar en usuario, estados y entrega antes de escribir, y te ahorra repetir el mismo contexto en cada conversación. También es adaptable, porque puedes pasar de una pantalla a un flujo completo cambiando dos campos. La desventaja es que no conoce tu producto: si el brief es pobre, el prompt también lo será, y nunca sustituye el research con personas reales ni tus decisiones de diseño.
Casos de uso: research, wireframes y handoff
- Onboarding Un flujo de pocos pasos para una persona nueva que necesita orientación.
- Paneles de datos Un dashboard para un equipo interno que ordena los indicadores sin perder legibilidad.
- Handoff Una especificación de componentes, interacciones y estados que desarrollo pueda construir sin reuniones extra.
- Auditoría Una lista de mejoras priorizadas de una pantalla que ya existe, a partir de una captura.
Qué hace que un prompt de interfaz funcione bien
Unas buenas instrucciones de diseño definen seis cosas: el rol que asume el asistente, la tarea del usuario, el contexto (plataforma, dispositivo, momento de uso), el material que aportas, las restricciones (accesibilidad, privacidad, sistema de diseño) y el formato de entrega. Sin la tarea y el usuario, los modelos de IA (AI models) rellenan con patrones genéricos. Con ellos, pueden razonar la jerarquía, la arquitectura de la información y el texto de cada paso, y tú puedes comparar sus propuestas con criterio de diseño de experiencias de usuario.
Glosario: términos en inglés del diseño con IA
- AI prompts y design prompts: instrucciones que das a un modelo; las de diseño piden un concept, una pantalla o unas especificaciones.
- Prompt library y templates: una colección de plantillas ya escritas que puedes customize, es decir, adaptar a tu proyecto.
- Use cases y scenarios: los casos de uso y escenarios que debe cubrir un flujo.
- Tooltip: el texto de ayuda que aparece al pasar sobre un elemento.
- AI workflows y AI tools: flujos de trabajo y herramientas en los que el modelo hace una parte y una persona revisa.
- Prompt generator for designers: el nombre que verás en inglés para herramientas como esta.
- Features y metrics: las funcionalidades de un producto y las métricas con las que mides si funcionan.
Más prompts de diseño y generadores relacionados
Si prefieres partir de ejemplos escritos, en nuestra guía para UX/UI con IA tienes prompts de IA para diseño UX: research, entrevistas y pruebas de usabilidad. En la biblioteca de prompts de Founderz encontrarás plantillas para otras tareas.
Por qué he creado estos generadores
Preguntas frecuentes
¿Es una herramienta gratis (free AI tool) de verdad?
Sí, es gratis. Antes de pedirte nada, te muestra una vista previa con las primeras secciones del prompt. Para verlo entero y copiarlo, escribe tu email y acepta la Política de privacidad; recibir comunicaciones de Founderz es opcional.
Solo te lo pide una vez por visita: los prompts que generes después se muestran completos.
¿Diseña la interfaz por mí?
No. El generador escribe las instrucciones; la pantalla la crea la herramienta donde lo pegues, como v0, Lovable o Google Stitch. Tu criterio de diseño sigue decidiendo qué propuesta vale y cuál descartas.
¿Sirve para research con usuarios?
Sirve para preparar el trabajo: en “¿Qué necesitas?” puedes pedir una auditoría con mejoras priorizadas y, en “Controles extra”, añadir un “Plan de test con usuarios”. Para guiones de entrevista y análisis de feedback tienes prompts específicos en nuestra guía.
¿Puedo usarlo con capturas?
Sí. Elige “Captura de la pantalla actual” en “Material que vas a aportar” y adjunta la captura en tu herramienta. Las instrucciones piden describir primero lo que se ve y señalar cada problema con su ubicación antes de proponer cambios.
¿En qué idioma sale el prompt?
En el idioma de tu brief, salvo que elijas otro en “Idioma de la interfaz”. Allí puedes pedir los textos de la interfaz en inglés, en español o en las dos lenguas en columnas paralelas.
Curso de IA para diseñadores UX/UI
Si quieres pasar de instrucciones sueltas a un flujo de trabajo completo de diseño asistido, el curso de IA para diseñadores UX/UI de Founderz te enseña a hacerlo hasta un proyecto final de creación con IA, en un programa totalmente online desarrollado en colaboración con Microsoft.
Última actualización:
