Prompts de GPT Image 2.6 para diseño UI.

Crea una UI realista de app móvil para [una app de running]. Pantalla de inicio para un corredor habitual: saludo "Buenos días, Sam", anillo de distancia semanal que muestre "18.4 / 25 km", un botón principal "Empezar carrera", una tarjeta de la última carrera con miniatura del mapa de la ruta, ritmo y tiempo, y una barra de pestañas inferior: Inicio, Planes, Actividad, Perfil. UI blanca y limpia, un único acento naranja enérgico, tipografía clara. Pantalla de iPhone, sin marco de dispositivo.

Crea una UI realista de app de banca móvil. Tarjeta de saldo "US$4280.55", acciones rápidas Enviar, Solicitar, Pagar facturas, Recargar, y una lista de movimientos recientes con logos de comercios, fechas e importes. Paleta tranquila azul marino y blanca, tarjetas redondeadas, espaciado generoso. Debe parecer una app real y publicada. Pantalla de iPhone, sin marco.

Crea una pantalla de inicio realista de una app de comida a domicilio: barra de dirección "Entregar en Calle Colina 24", campo de búsqueda, chips de categoría (Pizza, Sushi, Ensaladas, Postres), una tarjeta de restaurante destacado con valoración y tiempo de entrega, y una lista "Populares cerca de ti". Fotografía cálida y apetecible, fondo blanco, un acento rojo. Pantalla de iPhone, sin marco.

Crea tres pantallas de onboarding móvil lado a lado para [una app de meditación]: 1) bienvenida con una ilustración serena y "Respira mejor en 5 minutos al día", 2) elegir objetivos con chips seleccionables, 3) elegir la hora del recordatorio con un selector de hora. Paleta lavanda suave y coherente, botones redondeados, puntos de progreso. Sin marcos de dispositivo.

Crea una pantalla de conversación realista de una app de mensajería: nombre del contacto "Maya" con estado en línea, burbujas de mensajes alternas con mensajes cortos realistas, una foto compartida, una burbuja de mensaje de voz con forma de onda y un campo de mensaje con iconos de adjuntar y enviar. Tema claro, acento azul. Pantalla de iPhone, sin marco.

Crea una pantalla de ajustes realista de estilo iOS para [una app de notas]: listas agrupadas de Cuenta, Sincronización, Apariencia, Notificaciones, Privacidad y Ayuda, con los valores actuales a la derecha, interruptores para la sincronización con iCloud y los recordatorios, y una fila roja "Cerrar sesión" al final. Aspecto nativo de iOS, modo claro. Pantalla de iPhone, sin marco.

Crea una pantalla móvil de estado vacío para [un gestor de tareas] cuando el usuario no tiene tareas: una ilustración sencilla y amable, el titular "Tu lista está vacía", una línea de texto de apoyo y un botón principal "Añade tu primera tarea". Minimalista, con mucho espacio en blanco. Pantalla de iPhone, sin marco.

Crea una UI móvil en modo oscuro para [un reproductor de música]: carátula del álbum, título de la canción "Night Drive", nombre del artista, una barra de progreso con tiempos, controles de reproducción y una vista previa de la letra. Fondo carbón profundo (no negro puro), un único acento cian neón, texto de alto contraste. Pantalla de iPhone, sin marco.

Crea un hero de landing page de escritorio para [un SaaS de gestión de proyectos]: logo y navegación arriba, el titular "Entrega proyectos sin reuniones de seguimiento", un subtítulo, dos botones "Empezar gratis" y "Reservar una demo", y debajo una captura grande del producto con un tablero kanban. Layout blanco y limpio, un acento violeta, 16:9, sin marco de navegador.

Crea la página de inicio de escritorio del portfolio de una diseñadora de producto llamada "Lena Ortiz": titular editorial grande, una introducción breve, una cuadrícula de seis tarjetas de proyecto con imagen de portada y título, y un enlace de contacto. Fondo blanco roto, titulares serif en negro, minimalista y con aire de galería. 16:9.

Crea una ficha de producto de ecommerce realista para [una taza de café de cerámica]: galería de fotos del producto a la izquierda; título, precio "US$32", muestras de color, selector de cantidad, botón "Añadir al carrito", información de envío y resumen de reseñas "4.8 (212 reseñas)" a la derecha. Paleta neutra y cálida. Escritorio, 16:9.

Crea una sección de precios con tres planes: Gratis "US$0", Pro "US$12/mes" (destacado como "El más popular") y Equipo "US$29/mes". Cada plan enumera cinco funciones con marcas de verificación y tiene un botón. Incluye un selector mensual/anual que diga "Ahorra un 20%". UI blanca y limpia, un acento verde. 16:9.

Crea una página de artículo de blog para escritorio: el título "Cómo redujimos un 70% el tiempo de compilación", avatar del autor y fecha, una imagen de cabecera ancha, texto legible en una columna centrada, un bloque de código y un índice de contenidos a la derecha. Estilo editorial, interlineado generoso. 16:9.

Crea la página de inicio de un restaurante de barrio llamado "Olive & Ember": hero a todo lo ancho con una foto de comida y el nombre, horario de apertura, un botón "Reservar mesa", un avance breve de la carta con precios y la ubicación con un mapa. Tipografía cálida, rústica y elegante. Escritorio, 16:9.

Crea una página de registro a pantalla dividida: a la izquierda, un formulario con correo electrónico, contraseña, un botón "Crear cuenta" y "Continuar con Google"; a la derecha, una ilustración del producto con un testimonio breve. Limpia y que inspire confianza, acento azul. Escritorio, 16:9.

Crea una landing page móvil para [una app de escritura con IA]: titular, subtítulo, botón "Pruébala gratis", tres bloques de funciones con pequeñas vistas previas de la UI, un testimonio y un pie de página. 390 px de ancho, layout largo con scroll mostrado completo, sin marco.

Crea una página 404 amable para [un sitio de reservas de viajes]: una ilustración divertida de una maleta perdida, el titular "Esta página tomó otro vuelo", un campo de búsqueda y enlaces a Inicio, Destinos y Ayuda. Acento verde azulado de la marca, mucho espacio en blanco. Escritorio, 16:9.

Crea un dashboard de analítica realista: navegación en una barra lateral izquierda, selector de rango de fechas, cuatro tarjetas de KPI (Visitantes 48 210; Registros 1284; Conversión 2.7%; Ingresos US$38.4k), un gráfico de líneas de visitantes diarios, un gráfico de barras por canal y una tabla de las páginas más vistas. Tema claro, paleta azul tranquila, elementos de interfaz reales. 16:9.

Crea un tablero de pipeline de ventas de un CRM con las columnas Lead, Cualificado, Propuesta, Ganado: tarjetas de oportunidad con nombre de la empresa, valor, avatar del responsable y días en la etapa. Barra superior con búsqueda y un botón "Nueva oportunidad". Limpio, denso pero legible. Escritorio, 16:9.

Crea una tabla de usuarios de un panel de administración: búsqueda, filtros por rol y estado, columnas Nombre, Correo, Rol, Estado, Última actividad, con insignias de estado (Activo, Invitado, Suspendido), acciones por fila y paginación. UI gris neutra, un acento índigo. Escritorio, 16:9.

Crea la vista semanal de una app web de calendario: a la izquierda, un minicalendario mensual y la lista de calendarios; en el centro, una cuadrícula de lunes a domingo con eventos codificados por color, un botón "Crear" y un popover con los detalles de un evento abierto. Tema claro. 16:9.

Crea un cliente de correo de tres paneles: carpetas a la izquierda, lista de mensajes en el centro con remitente, asunto, vista previa y hora, y el correo abierto a la derecha con botones de respuesta. Limpio y familiar, acento azul. Escritorio, 16:9.

Crea una app de asistente de IA para escritorio: barra lateral izquierda con el historial de chats, conversación principal con una pregunta del usuario y una respuesta larga con formato que incluya una lista con viñetas y un bloque de código, y un campo de mensaje con adjuntos y selector de modelo. UI neutra y minimalista. 16:9.

Un set de seis iconos de línea sencillos para la barra de pestañas de una app: inicio, búsqueda, biblioteca, estadísticas, perfil, ajustes. Trazo uniforme de 2px, extremos y uniones redondeados, un solo color, sin texto, espaciados de forma regular en una fila.

Un set de ocho iconos de funciones en duotono para un sitio web SaaS: velocidad, seguridad, integraciones, analítica, colaboración, automatización, soporte, móvil. Misma retícula y mismo radio de esquina, azul en dos tonos, sin texto.

Un icono de app moderno para [un registro de hábitos]: una marca de verificación sencilla fusionada con una llama, centrada en un cuadrado redondeado con un degradado suave de coral a naranja. Plano, limpio, reconocible a tamaños pequeños, sin texto.

Un set de cuatro ilustraciones sencillas de estados vacíos con el mismo estilo: sin mensajes, sin resultados de búsqueda, sin archivos, todas las tareas hechas. Formas planas, dos colores, sombras suaves, amables y minimalistas, fondo transparente.

Un logo minimalista para un estudio de diseño llamado "North Canvas": una flecha norte geométrica combinada con un marco cuadrado, con el logotipo "North Canvas" al lado en una sans serif limpia. Un solo color, que funcione sobre fondos claros y oscuros.

Crea tres capturas para App Store lado a lado para [una app de presupuestos]. Cada una muestra una pantalla de móvil con la UI de la app y un pie grande encima: "Descubre a dónde va tu dinero", "Ponte metas que de verdad cumplirás", "Recibe avisos antes de gastar de más". Colores de marca vivos y coherentes, proporciones de 1290×2796.

Un banner de lanzamiento de producto para [una herramienta de diseño] que anuncie "Presentamos Canvas 2.0", con una captura inclinada de la UI de la app, un subtítulo breve y un botón "Pruébalo ya". Fondo con degradado limpio, estilo tecnológico moderno, 16:9.

Un post cuadrado para redes sociales que anuncie una nueva función, "Ya llegó el modo oscuro", de [una app de notas], mostrando la UI de la app en modo claro y oscuro lado a lado con una división diagonal. Titular contundente, colores de marca, 1:1.

Una imagen Open Graph para un artículo de blog titulado "Cómo diseñar UI con IA", con el título en letra grande a la izquierda y un pequeño collage de pantallas de apps a la derecha. Fondo limpio, color de acento de la marca, 1200×630.

Una imagen de galería de Product Hunt para [un plugin de diseño UI]: el titular "Diseña dentro de tu agente de programación", una captura grande de un lienzo con varias pantallas de app lado a lado y tres etiquetas breves de beneficios. Limpia, de alto contraste, 1270×760.

Una escena limpia de mockup de dispositivos: un portátil y un móvil sobre un escritorio claro, mostrando [el dashboard y la pantalla de inicio móvil de nuestra app], luz natural suave, pocos objetos, estilo de foto de marketing de producto, 16:9.

Una animación corta en bucle de un botón móvil "Añadir al carrito" al pulsarlo: se reduce un poco, se vuelve verde y muestra una marca de verificación, y luego vuelve a la normalidad. Estilo de UI plano, fondo blanco, sin texto adicional.

Una animación en bucle de una lista de tarjetas cargando: placeholders grises tipo skeleton brillan de izquierda a derecha y luego aparecen de forma gradual las tarjetas reales con avatares y texto. UI clara y limpia.

Una animación en bucle de un interruptor de ajustes pasando de desactivado a activado: el botón se desliza a la derecha, la pista se llena de verde y una pequeña etiqueta cambia de "No" a "Sí". UI minimalista, fondo blanco.

Una animación en bucle de deslizar para actualizar en un feed móvil: se tira de la lista hacia abajo, aparece un indicador que gira y después entran nuevos elementos por arriba. UI clara y limpia.

La imagen 1 es la pantalla actual de nuestra app. La imagen 2 es una referencia de estilo. Cambia el estilo de la imagen 1 usando los colores, la tipografía y el radio de esquina de la imagen 2. Deja el layout, el contenido y el texto de la imagen 1 exactamente igual.

Cambia solo el botón marcado con el círculo: dale el estilo principal, con fondo verde oscuro sólido y la etiqueta blanca "Continuar". Deja todo lo demás de la pantalla exactamente igual.

Sustituye solo la zona marcada con el círculo por una tarjeta de testimonio: una foto del cliente, la cita "Lanzamos nuestro rediseño en una semana", el nombre "Priya N." y el cargo "Head of Product". Respeta los estilos existentes. Deja todo lo demás sin cambios.

Reconstruye la imagen de mockup adjunta como un único archivo HTML autocontenido a [390×844], con CSS en línea y fuentes del sistema. Reproduce exactamente el layout, el espaciado, los colores y el texto. Dibuja los iconos con SVG en línea.