Al lanzar una app o SaaS, el calendario de diseño se atasca en tres activos: splash / lanzamiento, tarjetas de beneficios de funciones e ilustraciones de estado vacío. Los componentes existen en Figma, pero las capturas de tienda y el onboarding siguen sin visuales; externalizar tarda una semana por ronda mientras el copy cambia sin parar.
Image 2 encaja mejor: trata la necesidad como una línea de producción de slots visuales UI — fija color de marca y jerarquía tipográfica, luego entrega splash → onboarding → tarjetas de funciones → estado vacío → mock de ajustes → marco de tienda. Este post comparte 6 prompts image-2 probados para pantallas App / UI listas para revisión.
Úsalo como playbook de producto-diseño: un trabajo por frame, copy literal, revisa ortografía de botones y títulos antes de exportar.
📌 Los prompts siguientes están en inglés (Image 2 maneja bien el inglés estructurado y el texto en imagen). Revisa manualmente el copy de UI, marcas registradas y contraste accesible; el acabado final debe llegar a Figma en cuadrícula de 8pt con componentes reales.
1. Por qué Image 2 encaja con el trabajo «App / UI screen»
Frente a esperar que un modelo genérico de ilustración tenga suerte, Image 2 gana porque:
-
El texto en imagen sigue legible — títulos de splash, tarjetas de funciones de tres líneas, CTAs de estado vacío — un ~99% de renderizado de texto de nivel benchmark supera «generar y pegar tipografía en PS» para entregar arte de interfaz con IA.
-
Las ediciones multi-turno cambian copy sin destrozar el layout — el PM cambia una línea de onboarding; reemplázala en chat manteniendo ilustración y forma del botón — aquí brillan las ediciones conversacionales de Image2.
-
Las restricciones de estilo se convierten en campos del design system — HEX de marca, radio de esquina, intensidad de sombra, estilo de ilustración (flat / soft 3D) en cada prompt hace que la serie parezca un Design System.
Para socios de producto y diseño: los activos visuales UI pueden generarse desde una arquitectura de información, no esperando un calendario de ilustración.
2. Flujo de trabajo estándar (cinco pasos)
-
Lista los slots visuales UI — mínimo seis: ① splash/lanzamiento ② página de onboarding ③ tarjetas de beneficios (3 puntos) ④ estado vacío ⑤ mock de ajustes/perfil ⑥ marco de captura App Store / tienda. Nunca metas una app interactiva completa en una sola imagen.
-
Escribe restricciones de marca y tipografía — colores primario/secundario, fondo claro/oscuro, límites de longitud de título; evita falsificar chrome de SO con marcas registradas (barras de estado genéricas están bien).
-
Un trabajo por frame + copy literal — cada uno responde una pregunta de usuario: ¿impresión al primer abrir? ¿por qué quedarse? ¿qué pasa si no hay datos? ¿cómo se ve en la tienda?
-
Unifica proporciones — splash/tienda suele ser 9:16; tarjetas de funciones 1:1 o 4:5; mantén una familia de ratio dentro del set.
-
Tres comprobaciones antes de Figma — ortografía, contraste, radio de esquina vs DS — corrige desvíos con ediciones multi-turno de Image 2 en lugar de regenerar todo.
3. Seis prompts UI probados (copiar y pegar)
Producto de ejemplo: una app ficticia de productividad «FlowDay». Cambia el nombre y beneficios por los tuyos. Mantén un acento de marca en cada prompt (ejemplo: #4F46E5 índigo).
Slot 1: Splash / pantalla de lanzamiento
Escenario: impresión de marca en arranque en frío — marca centrada + tagline corto.
App splash / launch screen mock with Image 2 for mobile UI.
Vertical 9:16, clean modern iOS-like frame (generic status bar, no trademarked icons).
Centered app mark: simple indigo rounded-square icon with white "F" monogram.
Headline exactly: "FlowDay"
Subline exactly: "Plan less. Finish more."
Background: soft indigo-to-white gradient, subtle geometric glow, ample padding.
Sharp legible type, Image2 text accuracy, premium SaaS look.
Do not clutter with fake notifications. No watermark.
Resultado: un visual de splash de app listo para revisión.
Slot 2: Página única de onboarding
Escenario: página de valor al primer abrir — copy + ilustración.
Mobile onboarding screen UI mock using Image 2.
Vertical 9:16, light mode, generous bottom padding for a primary button.
Top illustration: soft 3D calendar and checkmarks, brand color #4F46E5 accents.
Title exactly: "Your day, in one timeline"
Body exactly: "Drag tasks into focus blocks. FlowDay keeps priorities visible."
Primary button label exactly: "Continue"
Keep layout airy, 8pt rhythm feel, Image 2 commercial UI quality.
Do not invent extra menus. Do not misspell.
Resultado: copy e ilustración de onboarding como una unidad — rápido para líneas A/B.
Slot 3: Tarjetas de beneficios (tres puntos)
Escenario: fila de funciones del sitio o cabecera de paywall con tres tarjetas iguales.
App feature benefit cards board with Image 2 (UI marketing).
1:1 or 4:5, white background, three equal cards in a row with soft shadow.
Card icons in #4F46E5. Exact English labels:
Card1 title: "Focus Blocks" / line: "Timeboxed deep work"
Card2 title: "Smart Reminders" / line: "Nudge only what matters"
Card3 title: "Weekly Review" / line: "See progress at a glance"
Modern SaaS marketing UI, crisp type, Image2 text accuracy.
No fake App Store badges. No overcrowded icons.
Resultado: tarjetas de funciones estructuradas — el frame que más necesita precisión de texto.
Slot 4: Pantalla de estado vacío
Escenario: sin tareas/notificaciones — guía amable, no «está roto».
Empty-state mobile screen with Image 2 for product UI.
Vertical 9:16, light gray background, large friendly illustration center:
soft 3D empty inbox with a single indigo plus badge.
Title exactly: "Nothing here yet"
Body exactly: "Create your first focus block to start the day."
Secondary text button exactly: "Create task"
Clean, calm, accessible contrast, Image 2 UI illustration quality.
Do not make it look like an error. No scary red alerts.
Resultado: el estado vacío se vuelve accionable en lugar de en blanco.
Slot 5: Mock de ajustes / perfil
Escenario: mostrar IA a stakeholders — no interactivo está bien.
Settings / profile screen mock with Image 2 (non-interactive UI visual).
Vertical 9:16, light mode list UI, rounded group cells.
Header: avatar circle + name "Alex Chen" + plan chip "Pro".
List rows with exact labels: "Notifications" / "Calendars" / "Appearance" / "Export Data".
Accent switches and chevrons in #4F46E5, generous spacing, SF-like but generic typography.
Image2 clean UI mock quality. Do not copy real iOS glyphs trademarked details.
No tiny unreadable text.
Resultado: mock de ajustes suficiente para reuniones sin fingir que es tocable.
Slot 6: Marco de captura de tienda (con dispositivo)
Escenario: activo de listado — chrome de teléfono + UI clave + caption superior.
App Store screenshot composition with Image 2.
Vertical 9:16 marketing frame: large caption on top, phone device mock below.
Caption exactly: "Focus blocks that actually stick"
Inside the phone: a clean task timeline UI using brand #4F46E5, legible list titles.
Soft studio shadow under device, light gray backdrop, premium DTC style.
Image 2 commercial ASO visual. Exact text, no gibberish.
Do not invent fake star ratings. Do not overcrowded stickers.
Resultado: frame de dirección ASO; cambia capturas reales después en Figma.
4. Plantilla universal de relleno
Cambia solo la línea de trabajo y el copy en imagen por slot:
Image 2 App / UI visual slot.
Brand lock: primary #[HEX], [light|dark] mode, [flat|soft-3D] illustration style.
Frame job (ONE only): [splash / onboarding / feature cards / empty state / settings mock / store screenshot].
Aspect: [9:16 | 1:1 | 4:5].
On-image copy exactly: "[titles/buttons]" — verbatim, no extra claims.
Do not: [fake OS trademarks / unreadable microcopy / cluttered chrome].
Output: review-ready UI visual, Image2 quality.
5. Ilustración externalizada vs slots UI Image 2 vs collage de iconos
| Dimensión | Ilustración externalizada completa | Línea de slots UI Image 2 | Collage de iconos / capturas |
|---|---|---|---|
| Velocidad de revisión de copy | Lenta (redibujar) | Rápida (multi-turno una línea) | Rápida pero aspecto barato |
| Consistencia del design system | Depende del brief | HEX / campos de estilo lo fijan | Deriva fácil |
| Mejor etapa | Versiones mayores de marca | Iteración semanal, revisiones, borradores ASO | Solo borradores internos |
| Riesgo principal | Calendario | Hay que revisar tipografía y cuadrícula a mano | Brecha de conversión / acabado |
6. ¿Quién debería usar este método?
✅ PMs / líderes de proyecto
Rellena splash, estados vacíos y dirección de tienda con Image 2 antes de revisiones — menos diapositivas «dejar en blanco».
✅ Diseñadores UI / UX
Trata image-2 como capa de exploración visual: fija color y tipografía, genera, luego alinea componentes reales en Figma.
✅ Indie builders / equipos pequeños
¿Sin ilustrador dedicado? Una familia de prompts aún produce un splash de app y tarjetas de funciones coherentes.
✅ Growth y ops ASO
Los captions de tienda cambian a menudo — las ediciones multi-turno superan rehacer todo el marco del dispositivo.
7. Tres modos de fallo comunes
-
❌ Una imagen que finge una app tocable completa — Image 2 se convierte en sopa de UI desordenada. Divide por slot; deja prototipos interactivos en Figma/código.
-
❌ Copy vago como «algún texto de función» — la deriva tipográfica mata la entrega de diseño UI. Títulos y botones deben ser
exactly: "...". -
❌ Detalles de marcas de SO falsificados sin comprobar contraste — barras de estado genéricas bastan; revisa accesibilidad claro-sobre-claro antes de exportar.
8. Cierre
Image 2 para visuales App / UI no es «tirar una sola más llamativa» — es bloqueo de marca → slots UI → copy literal → pulido multi-turno → acabado en Figma.
La próxima vez que te falte un splash, tarjeta de funciones o estado vacío, no hagas collage de stock. Abre el workbench de Image2 y ejecuta estos seis slots — obtendrás un set AI interface unificado y legible listo para revisión, iteración e inicio de marcos de tienda.
El splash sostiene la marca, las tarjetas declaran el valor, el estado vacío muestra el siguiente paso — ese es el bucle producto-diseño de image-2.
Notas prácticas; los prompts son libres para copiar y adaptar. Confirma copy, marcas registradas y reglas de capturas de tienda antes de publicar.
