При выпуске приложения или SaaS дизайн-календарь застревает на трёх ассетах: splash / launch, feature benefit cards и empty-state illustrations. Компоненты уже есть в Figma, но скриншоты для стора и онбординг всё ещё без визуала; аутсорс — неделя на раунд, а копирайт постоянно меняется.
Image 2 предлагает лучший путь: рассматривайте задачу как конвейер UI visual slots — зафиксируйте цвет бренда и типографическую иерархию, затем выпускайте splash → onboarding → feature cards → empty state → settings mock → store frame. В этом посте — 6 проверенных image-2 промптов для App / UI screens, готовых к ревью.
Используйте как playbook для product-design: одна задача на кадр, копирайт дословно, перед экспортом проверьте орфографию кнопок и заголовков.
📌 Промпты ниже на английском (Image 2 надёжно обрабатывает структурированный английский и текст внутри изображения). Вручную проверьте UI-копирайт, торговые марки и доступный контраст; финальная полировка всё равно должна лечь в Figma на 8pt-сетке с реальными компонентами.
1. Почему Image 2 подходит для работы «App / UI screen»
По сравнению с надеждой, что универсальная иллюстрационная модель «выстрелит», Image 2 выигрывает потому что:
-
Текст в изображении остаётся читаемым — заголовки splash, трёхстрочные feature cards, CTA empty state — бенчмарк-уровень ~99% text rendering лучше, чем «сгенерировать и потом вставить тип в PS» для поставки AI interface art.
-
Многоходовые правки меняют копирайт, не ломая layout — PM меняет одну строку онбординга; в чате замените только эту строку, сохранив иллюстрацию и форму кнопки — здесь сияют conversational edits Image2.
-
Ограничения стиля становятся полями design system — brand HEX, corner radius, сила тени, стиль иллюстрации (flat / soft 3D) в каждом промпте делают серию похожей на один Design System.
Для product и design партнёров: UI visual assets можно генерировать из information architecture, а не ждать иллюстрационный календарь.
2. Стандартный workflow (пять шагов)
-
Составьте список UI visual slots — минимум шесть: ① splash/launch ② onboarding page ③ feature benefit cards (3 пункта) ④ empty state ⑤ settings/profile mock ⑥ App Store / store screenshot frame. Никогда не пихайте полноценное интерактивное приложение в одно изображение.
-
Запишите ограничения бренда и типографики — primary/secondary colors, light/dark ground, лимиты длины заголовков; избегайте подделки торговых OS chrome (generic status bars — норм).
-
Одна задача на кадр + дословный копирайт — каждый отвечает на один вопрос пользователя: впечатление при первом открытии? зачем оставаться? что если нет данных? как это выглядит в сторе?
-
Унифицируйте aspect ratios — splash/store часто 9:16; feature cards 1:1 или 4:5; держите одно семейство ratio внутри набора.
-
Три проверки перед Figma — орфография, контраст, corner radius vs DS — исправляйте drift многоходовыми правками Image 2, а не полным re-roll.
3. Шесть проверенных UI-промптов (копировать-вставить)
Пример продукта: вымышленное productivity-приложение «FlowDay». Замените имя и преимущества на свои. Держите brand accent в каждом промпте (пример: #4F46E5 indigo).
Slot 1: Splash / launch screen
Сценарий: впечатление бренда при cold start — центрированный mark + короткий 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.
Результат: app splash visual, готовый к ревью.
Slot 2: Onboarding single page
Сценарий: страница ценности при первом открытии — копирайт + иллюстрация.
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.
Результат: onboarding copy и art как единое целое — быстро для A/B строк.
Slot 3: Feature benefit cards (three points)
Сценарий: ряд feature на сайте или header paywall с тремя равными карточками.
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.
Результат: структурированные feature cards — кадр, где больше всего нужна точность текста.
Slot 4: Empty-state screen
Сценарий: нет задач/уведомлений — дружелюбная подсказка, а не «всё сломалось».
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.
Результат: empty state становится actionable, а не пустым.
Slot 5: Settings / profile mock
Сценарий: показать IA стейкхолдерам — non-interactive допустимо.
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.
Результат: settings mock достаточно хорош для встреч, без притворства, что это tappable.
Slot 6: Store screenshot frame (with device)
Сценарий: listing asset — phone chrome + ключевой UI + верхний 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.
Результат: ASO direction frame; позже подмените реальные скриншоты в Figma.
4. Универсальный fill-in template
Меняйте только job line и on-image copy для каждого 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. Аутсорс-иллюстрация vs Image 2 UI slots vs icon collage
| Измерение | Полный аутсорс иллюстрации | Image 2 UI slot line | Icon / screenshot collage |
|---|---|---|---|
| Скорость правки копирайта | Медленно (перерисовка) | Быстро (multi-turn одна строка) | Быстро, но выглядит дёшево |
| Согласованность design system | Зависит от brief | HEX / style fields фиксируют | Легко drift |
| Лучшая стадия | Крупные версии бренда | Еженедельная итерация, ревью, ASO drafts | Только внутренние черновики |
| Главный риск | Расписание | Нужна ручная проверка type & grid | Разрыв conversion / polish |
6. Кому подходит этот метод?
✅ PM / project leads
Заполните splash, empty states и store direction с Image 2 до ревью — меньше слайдов «оставить пустым».
✅ UI / UX designers
Считайте image-2 слоем visual exploration: зафиксируйте color и type, сгенерируйте, затем выровняйте реальные компоненты в Figma.
✅ Indie builders / small teams
Нет dedicated illustrator? Одно prompt family всё равно даёт coherent app splash и feature cards.
✅ Growth & ASO ops
Store captions часто меняются — multi-turn edits лучше, чем переделывать весь device frame.
7. Три типичных failure mode
-
❌ Одно изображение, имитирующее полноценное tappable app — Image 2 превращается в cluttered UI soup. Делите по slot; интерактивные прототипы оставьте в Figma/code.
-
❌ Размытый копирайт вроде «some feature text» — type drift убивает поставку UI design. Заголовки и кнопки должны быть
exactly: "...". -
❌ Подделка торговых OS details без contrast checks — generic status bars достаточно; перед export проверьте light-on-light accessibility.
8. Заключение
Image 2 для App / UI visuals — не «крутить flashier single», а brand lock → UI slots → verbatim copy → multi-turn polish → Figma finish.
В следующий раз, когда не хватает splash, feature card или empty state, не делайте stock collage. Откройте Image2 workbench и прогоните эти шесть slots — получите unified, readable AI interface set, готовый к ревью, итерации и store-frame starts.
Splash держит бренд, cards формулируют ценность, empty state показывает следующий шаг — это image-2 product-design loop.
Практические заметки; промпты можно свободно копировать и адаптировать. Перед релизом проверьте копирайт, торговые марки и правила store screenshots.
