Bij het shippen van een app of SaaS loopt de designkalender vast op drie assets: splash / launch, feature benefit cards en empty-state illustrations. Componenten staan in Figma, maar store-screenshots en onboarding missen nog visuals; outsourcing kost een week per ronde terwijl copy steeds wijzigt.
Image 2 biedt een beter pad: behandel de behoefte als een UI visual slot productielijn — lock brandkleur en typehierarchie, ship daarna splash → onboarding → feature cards → empty state → settings mock → store frame. Deze post deelt 6 geteste image-2 prompts voor review-ready App / UI screens.
Gebruik het als product-design playbook: één taak per frame, copy letterlijk, controleer knop- en titelspelling vóór export.
📌 Prompts hieronder zijn in het Engels (Image 2 verwerkt gestructureerd Engels en tekst in beeld betrouwbaar). Controleer UI-copy, merken en toegankelijk contrast handmatig; finale polish hoort nog steeds in Figma op een 8pt-grid met echte componenten.
1. Waarom Image 2 past bij “App / UI screen”-werk
Tegenover hopen dat een generiek illustratiemodel geluk heeft, wint Image 2 omdat:
-
Tekst in beeld blijft leesbaar — splash-titels, drieregelige feature cards, empty-state CTA’s — benchmark-niveau ~99% text rendering beats “genereren en dan type in PS plakken” voor AI interface art-levering.
-
Multi-turn edits wisselen copy zonder layout te slopen — PM wijzigt één onboardingregel; chat-vervang die regel terwijl illustratie en knopvorm blijven — Image2 conversational edits blinken hier uit.
-
Stijlconstraints worden design-systemvelden — brand HEX, corner radius, schaduwsterkte, illustratiestijl (flat / soft 3D) in elke prompt maakt de serie één Design System.
Voor product- en designpartners: UI visual assets kunnen uit information architecture worden gegenereerd, niet uit wachten op een illustratiekalender.
2. Standaard workflow (vijf stappen)
-
Lijst UI visual slots — minimaal zes: ① splash/launch ② onboarding page ③ feature benefit cards (3 punten) ④ empty state ⑤ settings/profile mock ⑥ App Store / store screenshot frame. Proppen nooit een volledige interactieve app in één beeld.
-
Schrijf brand- en typeconstraints — primary/secondary colors, light/dark ground, titellengte-limieten; vermijd vervalste merk-OS-chrome (generic status bars zijn prima).
-
Eén taak per frame + letterlijke copy — elk beantwoordt één gebruikersvraag: eerste-open indruk? waarom blijven? wat als er geen data is? hoe ziet het er in de store uit?
-
Unificeer aspect ratios — splash/store vaak 9:16; feature cards 1:1 of 4:5; houd één ratio-familie binnen een set.
-
Drie checks vóór Figma — spelling, contrast, corner radius vs DS — fix drift met Image 2 multi-turn edits in plaats van volledige re-rolls.
3. Zes geteste UI-prompts (copy-paste)
Voorbeeldproduct: een fictieve productivity-app “FlowDay.” Vervang naam en benefits door die van jou. Houd een brand accent in elke prompt (voorbeeld: #4F46E5 indigo).
Slot 1: Splash / launch screen
Scenario: cold-start brandimpressie — gecentreerd mark + korte tagline.
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.
Resultaat: een review-ready app splash visual.
Slot 2: Onboarding single page
Scenario: value page bij eerste open — copy + illustratie.
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.
Resultaat: onboarding copy en art als één geheel — snel voor A/B-regels.
Slot 3: Feature benefit cards (three points)
Scenario: site feature row of paywall header met drie gelijke cards.
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.
Resultaat: gestructureerde feature cards — het frame dat tekstnauwkeurigheid het meest nodig heeft.
Slot 4: Empty-state screen
Scenario: geen taken/notificaties — vriendelijke guidance, geen “het is kapot”.
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.
Resultaat: empty state wordt actionable in plaats van leeg.
Slot 5: Settings / profile mock
Scenario: toon IA aan stakeholders — non-interactive is prima.
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.
Resultaat: settings mock goed genoeg voor meetings zonder te doen alsof het tappable is.
Slot 6: Store screenshot frame (with device)
Scenario: listing asset — phone chrome + key UI + top caption.
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.
Resultaat: ASO direction frame; wissel later echte screenshots in Figma.
4. Universele fill-in template
Wijzig alleen de job line en 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. Uitbesteedde illustratie vs Image 2 UI slots vs icon collage
| Dimensie | Volledig uitbesteedde illustratie | Image 2 UI slot line | Icon / screenshot collage |
|---|---|---|---|
| Copy-revisiesnelheid | Traag (hertekenen) | Snel (multi-turn één regel) | Snel maar goedkoop ogend |
| Design-systemconsistentie | Afhankelijk van brief | HEX / style fields locken het | Makkelijk drift |
| Beste fase | Brand major versions | Wekelijkse iteratie, reviews, ASO drafts | Alleen interne drafts |
| Hoofdrisico | Planning | Menselijke proof van type & grid vereist | Conversion / polish gap |
6. Voor wie is deze methode?
✅ PMs / project leads
Vul splash, empty states en store direction met Image 2 vóór reviews — minder “laat leeg”-slides.
✅ UI / UX designers
Behandel image-2 als de visual exploration layer: lock color en type, genereer, align daarna echte componenten in Figma.
✅ Indie builders / small teams
Geen dedicated illustrator? Eén prompt family levert nog steeds een coherent app splash en feature cards.
✅ Growth & ASO ops
Store captions wijzigen vaak — multi-turn edits beaten het hele device frame opnieuw maken.
7. Drie veelvoorkomende failure modes
-
❌ Eén beeld dat een volledige tappable app namaakt — Image 2 wordt cluttered UI soup. Split per slot; houd interactieprototypes in Figma/code.
-
❌ Vage copy zoals “some feature text” — type drift killt UI design-levering. Titels en knoppen moeten
exactly: "..."zijn. -
❌ Vervalste OS-merkdetails zonder contrast checks — generic status bars zijn genoeg; proof light-on-light accessibility vóór export.
8. Afsluiting
Image 2 voor App / UI visuals is niet “roll a flashier single” — het is brand lock → UI slots → verbatim copy → multi-turn polish → Figma finish.
De volgende keer dat splash, feature card of empty state ontbreekt, geen stock collage. Open de Image2 workbench en run deze zes slots — je krijgt een unified, readable AI interface set klaar voor review, iteratie en store-frame starts.
Splash houdt het merk, cards stellen de waarde, empty state toont de volgende stap — dat is de image-2 product-design loop.
Praktische notities; prompts zijn vrij te kopiëren en aan te passen. Bevestig copy, merken en store screenshot-regels vóór shipping.
