La lansarea unei aplicații sau SaaS, calendarul de design se blochează pe trei asset-uri: splash / launch, feature benefit cards și empty-state illustrations. Componentele există în Figma, dar screenshot-urile pentru store și onboarding încă nu au vizualuri; outsourcing-ul durează o săptămână pe rundă, iar copy-ul se schimbă constant.
Image 2 oferă o cale mai bună: tratează nevoia ca o linie de producție UI visual slots — blochează culoarea brandului și ierarhia tipografică, apoi livrează splash → onboarding → feature cards → empty state → settings mock → store frame. Acest articol share-uiește 6 prompturi image-2 testate pentru App / UI screens gata de review.
Folosește-l ca playbook product-design: un job per cadru, copy verbatim, verifică ortografia butoanelor și titlurilor înainte de export.
📌 Prompturile de mai jos sunt în engleză (Image 2 gestionează fiabil engleza structurată și textul din imagine). Verifică manual copy-ul UI, mărcile comerciale și contrastul accesibil; finisarea finală trebuie totuși să ajungă în Figma pe grid 8pt cu componente reale.
1. De ce Image 2 se potrivește pentru munca „App / UI screen”
Față de speranța că un model generic de ilustrație va avea noroc, Image 2 câștigă pentru că:
-
Textul din imagine rămâne lizibil — titluri splash, feature cards pe trei rânduri, CTA empty state — nivel benchmark ~99% text rendering bate „generează apoi lipește tipul în PS” pentru livrarea AI interface art.
-
Editările multi-turn schimbă copy-ul fără a distruge layout-ul — PM schimbă o linie de onboarding; înlocuiește în chat doar acea linie, păstrând ilustrația și forma butonului — aici strălucesc conversational edits Image2.
-
Constrângerile de stil devin câmpuri de design system — brand HEX, corner radius, intensitatea umbrei, stil ilustrație (flat / soft 3D) în fiecare prompt fac seria să pară un singur Design System.
Pentru partenerii product și design: UI visual assets pot fi generate din information architecture, nu din așteptarea unui calendar de ilustrații.
2. Workflow standard (cinci pași)
-
Listează UI visual slots — minimum șase: ① splash/launch ② onboarding page ③ feature benefit cards (3 puncte) ④ empty state ⑤ settings/profile mock ⑥ App Store / store screenshot frame. Nu înghesui niciodată o aplicație interactivă completă într-o singură imagine.
-
Scrie constrângerile de brand și tipografie — primary/secondary colors, light/dark ground, limite de lungime pentru titluri; evită falsificarea OS chrome protejat (generic status bars sunt OK).
-
Un job per cadru + copy verbatim — fiecare răspunde la o întrebare a utilizatorului: impresia la prima deschidere? de ce să rămână? ce dacă nu există date? cum arată în store?
-
Unifică aspect ratios — splash/store adesea 9:16; feature cards 1:1 sau 4:5; păstrează o familie de ratio în set.
-
Trei verificări înainte de Figma — ortografie, contrast, corner radius vs DS — corectează drift cu editări multi-turn Image 2 în loc de re-roll complet.
3. Șase prompturi UI testate (copy-paste)
Produs exemplu: o aplicație fictivă de productivitate „FlowDay.” Înlocuiește numele și beneficiile cu ale tale. Păstrează un brand accent în fiecare prompt (exemplu: #4F46E5 indigo).
Slot 1: Splash / launch screen
Scenariu: impresie de brand la cold start — mark centrat + tagline scurt.
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.
Rezultat: un app splash visual gata de review.
Slot 2: Onboarding single page
Scenariu: pagină de valoare la prima deschidere — copy + ilustrație.
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.
Rezultat: onboarding copy și art ca o unitate — rapid pentru linii A/B.
Slot 3: Feature benefit cards (three points)
Scenariu: rând feature pe site sau header paywall cu trei carduri egale.
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.
Rezultat: feature cards structurate — cadrul care are nevoie cel mai mult de acuratețe text.
Slot 4: Empty-state screen
Scenariu: fără task-uri/notificări — ghidare prietenoasă, nu „s-a stricat”.
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.
Rezultat: empty state devine actionable în loc de gol.
Slot 5: Settings / profile mock
Scenariu: arată IA stakeholderilor — non-interactive e OK.
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.
Rezultat: settings mock suficient de bun pentru meeting-uri fără a pretinde că e tappable.
Slot 6: Store screenshot frame (with device)
Scenariu: asset de listing — phone chrome + UI cheie + caption sus.
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.
Rezultat: ASO direction frame; schimbă mai târziu screenshot-urile reale în Figma.
4. Șablon universal fill-in
Schimbă doar job line și on-image copy 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. Ilustrație outsourced vs Image 2 UI slots vs icon collage
| Dimensiune | Ilustrație outsourced completă | Image 2 UI slot line | Icon / screenshot collage |
|---|---|---|---|
| Viteză revizuire copy | Lent (redesenare) | Rapid (multi-turn o linie) | Rapid dar arată ieftin |
| Consistență design system | Depinde de brief | HEX / style fields o blochează | Drift ușor |
| Cea mai bună etapă | Versiuni majore de brand | Iterație săptămânală, review-uri, ASO drafts | Doar draft-uri interne |
| Risc principal | Program | Necesită proof uman type & grid | Gap conversion / polish |
6. Cine ar trebui să folosească această metodă?
✅ PMs / project leads
Completează splash, empty states și store direction cu Image 2 înainte de review — mai puține slide-uri „lasă gol”.
✅ UI / UX designers
Tratează image-2 ca strat de visual exploration: blochează color și type, generează, apoi aliniază componentele reale în Figma.
✅ Indie builders / small teams
Fără illustrator dedicat? O singură prompt family tot produce app splash și feature cards coerente.
✅ Growth & ASO ops
Store captions se schimbă des — editările multi-turn bat refacerea întregului device frame.
7. Trei failure mode comune
-
❌ O imagine care imită o aplicație tappable completă — Image 2 devine cluttered UI soup. Împarte pe slot; păstrează prototipurile interactive în Figma/code.
-
❌ Copy vag de tip „some feature text” — type drift ucide livrarea UI design. Titlurile și butoanele trebuie să fie
exactly: "...". -
❌ Detalii OS de marcă falsificate fără contrast checks — generic status bars sunt suficiente; verifică light-on-light accessibility înainte de export.
8. Concluzie
Image 2 pentru App / UI visuals nu înseamnă „roll a flashier single” — ci brand lock → UI slots → verbatim copy → multi-turn polish → Figma finish.
Data viitoare când lipsește splash, feature card sau empty state, nu face stock collage. Deschide Image2 workbench și rulează aceste șase slots — vei obține un set AI interface unified, readable, gata pentru review, iterație și store-frame starts.
Splash ține brandul, cardurile formulează valoarea, empty state arată pasul următor — asta e image-2 product-design loop.
Note practice; prompturile pot fi copiate și adaptate liber. Confirmă copy-ul, mărcile comerciale și regulile store screenshots înainte de shipping.
