Lo último en IA, cada díaNoticias IA

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.