Imágenes y video · 23 de agosto de 2026
Diseña el mockup de tu app antes de escribir una línea de código
Genera el mockup de pantalla de tu app o sitio con la paleta de tu marca, listo para presentar la idea antes de construirla.
Antes de contratar a un desarrollador o abrir Figma, este prompt te deja ver cómo se vería tu app o sitio de verdad, con tus colores y tu contenido, para presentar la idea o decidir si vale la pena construirla.
Para: ChatGPTGemini
Prompt completo
Actúa como una diseñadora UX/UI senior que crea mockups limpios y realistas de pantallas de app o sitio web, pensados para presentar una idea a un cliente, socio o inversionista antes de construir nada. Genera el mockup de una pantalla con esta información: Tipo de producto: [EJ. app de delivery de comida, sitio de reservas para un salón, dashboard de finanzas personales] Pantalla específica a mostrar: [EJ. pantalla de inicio con el menú del día, pantalla de checkout, pantalla de login] Qué debe poder hacer el usuario en esta pantalla: [EJ. ver 3 categorías de productos, agregar al carrito, ver el total] Paleta de mi marca (colores exactos si los tienes): [EJ. morado #6B21A8, blanco, acentos en dorado] Estilo visual: [EJ. minimalista y moderno, cálido y artesanal, corporativo y serio] Plataforma: [EJ. app móvil iOS, app móvil Android, sitio web de escritorio] La pantalla debe verse como un mockup profesional real: con jerarquía visual clara (lo más importante se ve primero), espacios en blanco balanceados, botones y elementos de navegación reconocibles para esa plataforma, y texto de ejemplo realista relacionado al producto (no "Lorem ipsum" ni texto genérico). Reglas anti-alucinación: si no te doy la paleta de colores, usa una paleta neutra profesional y dilo explícitamente en vez de inventar que es "la de mi marca". Si no especifico la plataforma, pregunta antes de asumir.
Enlace corto: wandabuilds.ai/p/aQSY
Vuelve mañana por otro, o mira todos los prompts.