Pubblicando un’app o SaaS, i calendari design si bloccano su tre asset: splash / lancio, feature card benefici e illustrazioni empty state. I componenti esistono in Figma, ma screenshot store e onboarding mancano ancora di visual; l’outsourcing richiede una settimana per round mentre il copy cambia continuamente.
Image 2 offre un percorso migliore: tratta il bisogno come una linea di produzione slot visual UI — blocca colore brand e gerarchia tipografica, poi consegna splash → onboarding → feature card → empty state → mock impostazioni → frame store. Questo post condivide 6 prompt image-2 testati per schermate App / UI pronte per review.
Usalo come playbook prodotto-design: un job per frame, copy letterale, verifica ortografia di bottoni e titoli prima dell’export.
📌 I prompt sotto sono in inglese (Image 2 gestisce bene inglese strutturato e testo in immagine). Controlla manualmente copy UI, marchi e contrasto accessibile; il polish finale deve arrivare in Figma su griglia 8pt con componenti reali.
1. Perché Image 2 si adatta al lavoro «App / UI screen»
Rispetto a sperare che un modello generico di illustrazione abbia fortuna, Image 2 vince perché:
-
Il testo in immagine resta leggibile — titoli splash, feature card a tre righe, CTA empty state — un ~99% di rendering testo benchmark batte «generare e incollare typo in PS» per consegnare arte interfaccia IA.
-
Le edit multi-turno cambiano copy senza rovinare il layout — il PM cambia una riga di onboarding; sostituiscila in chat mantenendo illustrazione e forma del bottone — qui brillano le edit conversazionali Image2.
-
I vincoli di stile diventano campi del design system — HEX brand, raggio angoli, intensità ombra, stile illustrazione (flat / soft 3D) in ogni prompt fa sembrare la serie un Design System.
Per partner prodotto e design: gli asset visual UI possono essere generati da un’architettura informativa, non aspettando un calendario illustrazioni.
2. Workflow standard (cinque passi)
-
Elenca gli slot visual UI — minimo sei: ① splash/lancio ② pagina onboarding ③ feature card benefici (3 punti) ④ empty state ⑤ mock impostazioni/profilo ⑥ frame screenshot App Store / store. Non comprimere mai un’app interattiva completa in un’immagine.
-
Scrivi vincoli brand e tipografia — colori primario/secondario, sfondo chiaro/scuro, limiti lunghezza titolo; evita di falsificare chrome OS protetto (barre di stato generiche vanno bene).
-
Un job per frame + copy letterale — ognuno risponde a una domanda utente: impressione al primo avvio? perché restare? cosa se non ci sono dati? come appare nello store?
-
Unifica i rapporti d’aspetto — splash/store spesso 9:16; feature card 1:1 o 4:5; mantieni una famiglia di ratio nel set.
-
Tre check prima di Figma — ortografia, contrasto, raggio angoli vs DS — correggi drift con edit multi-turno Image 2 invece di rigenerare tutto.
3. Sei prompt UI testati (copia-incolla)
Prodotto esempio: un’app di produttività fittizia «FlowDay». Sostituisci nome e benefici con i tuoi. Mantieni un accento brand in ogni prompt (esempio: #4F46E5 indigo).
Slot 1: Splash / schermata di lancio
Scenario: impressione brand al cold start — logo centrato + tagline breve.
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.
Risultato: un visual splash app pronto per review.
Slot 2: Pagina onboarding singola
Scenario: pagina valore al primo avvio — copy + illustrazione.
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.
Risultato: copy e arte onboarding come unità — veloce per righe A/B.
Slot 3: Feature card benefici (tre punti)
Scenario: riga funzionalità sito o header paywall con tre card uguali.
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.
Risultato: feature card strutturate — il frame che richiede più precisione testuale.
Slot 4: Schermata empty state
Scenario: nessun task/notifica — guida amichevole, non «è rotto».
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.
Risultato: l’empty state diventa azionabile invece che vuoto.
Slot 5: Mock impostazioni / profilo
Scenario: mostrare IA agli stakeholder — non interattivo va bene.
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.
Risultato: mock impostazioni sufficiente per riunioni senza fingere che sia tappabile.
Slot 6: Frame screenshot store (con dispositivo)
Scenario: asset listing — chrome telefono + UI chiave + didascalia superiore.
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.
Risultato: frame direzione ASO; sostituisci screenshot reali dopo in Figma.
4. Template universale da compilare
Cambia solo la riga job e il copy in immagine per 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. Illustrazione in outsourcing vs slot UI Image 2 vs collage icone
| Dimensione | Illustrazione in outsourcing completa | Linea slot UI Image 2 | Collage icone / screenshot |
|---|---|---|---|
| Velocità revisione copy | Lenta (ridisegnare) | Veloce (multi-turno una riga) | Veloce ma look cheap |
| Coerenza design system | Dipende dal brief | HEX / campi stile lo bloccano | Drift facile |
| Fase migliore | Versioni major brand | Iterazione settimanale, review, bozze ASO | Solo bozze interne |
| Rischio principale | Calendario | Revisione umana typo e griglia | Gap conversione / polish |
6. Chi dovrebbe usare questo metodo?
✅ PM / project lead
Riempi splash, empty state e direzione store con Image 2 prima delle review — meno slide «lasciare vuoto».
✅ Designer UI / UX
Tratta image-2 come layer di esplorazione visual: blocca colore e typo, genera, poi allinea componenti reali in Figma.
✅ Indie builder / team piccoli
Nessun illustratore dedicato? Una famiglia di prompt produce comunque splash app e feature card coerenti.
✅ Growth e ops ASO
Le didascalie store cambiano spesso — edit multi-turno battono rifare tutto il frame dispositivo.
7. Tre failure mode comuni
-
❌ Un’immagine che simula un’app intera tappabile — Image 2 diventa zuppa UI confusa. Dividi per slot; tieni prototipi interattivi in Figma/codice.
-
❌ Copy vago tipo «qualche testo funzionalità» — drift tipografico uccide la consegna design UI. Titoli e bottoni devono essere
exactly: "...". -
❌ Dettagli marchio OS falsificati senza check contrasto — barre di stato generiche bastano; verifica accessibilità chiaro-su-chiaro prima dell’export.
8. Chiusura
Image 2 per visual App / UI non è «generare una single più flashy» — è brand lock → slot UI → copy letterale → polish multi-turno → finish Figma.
La prossima volta che manca splash, feature card o empty state, niente collage stock. Apri il workbench Image2 e lancia questi sei slot — otterrai un set AI interface unificato e leggibile pronto per review, iterazione e avvio frame store.
Lo splash tiene il brand, le card dicono il valore, l’empty state mostra il prossimo passo — questo è il loop prodotto-design image-2.
Note pratiche; prompt liberi da copiare e adattare. Conferma copy, marchi e regole screenshot store prima dello shipping.
