做 App 或 SaaS 時，設計檔期最容易卡在三類圖：啟動頁/閃屏、功能賣點卡、空狀態插畫。Figma 元件齊了，但缺「能放進商店截圖與引導頁」的視覺資產；外包一週一輪，迭代又跟不上文案改版。
Image 2 更適合把這類需求當成「UI 視覺槽位生產線」：先鎖品牌色與字階，再按閃屏 → Onboarding → 功能卡 → 空狀態 → 設定示意 → 商店截圖的順序出圖。本文用 6 組實測 image-2 提示詞，幫你一次生成可進評審的 App / UI 界面圖。
把它當產品設計手冊：一圖一任務，文案寫死，匯出前核對按鈕與標題拼寫。
📌 下文提示詞以英文為主（Image 2 對結構化英文與畫面內文字更穩）。介面文案、商標與無障礙對比度請人工校對；最終落地仍建議在 Figma 對齊 8pt 柵格與真實元件。
一、為什麼 Image 2 適合做「App / UI 界面圖」？
相比「用通用插畫模型碰運氣」，Image 2 的優勢在於：
-
畫面內文字可讀性高 — 啟動標題、功能卡三點文案、空狀態 CTA——公開基準約 99% 量級的文字渲染，比「先出圖再 PS 貼字」更貼合 AI 界面圖 交付。
-
多輪改圖適合改文案不毀版面 — 產品經理改了一行 Onboarding 文案，可用對話只替換該行，保留插畫與按鈕形狀——Image2 的對話式編輯很吃香。
-
風格約束可寫成設計系統欄位 — 品牌主色 HEX、圓角、陰影強度、插畫風格（flat / soft 3D）寫進每條 prompt，系列圖更像同一套 Design System。
對產品與設計協作來說，這意味著：介面視覺資產可以按資訊架構批量生成，而不是等插畫檔期。
二、標準工作流（五步）
-
先列 UI 視覺槽位 — 建議最少 6 槽：① 閃屏/啟動頁 ② Onboarding 單頁 ③ 功能賣點卡（3 點）④ 空狀態 ⑤ 設定/個人中心示意 ⑥ App Store / 應用商店截圖框。禁止一張裡塞完整可互動 App。
-
寫清品牌與字階約束 — 主色、輔色、背景（淺/深）、標題字數上限、禁止偽造系統 UI 控件商標（如偽造 iOS 狀態列品牌圖示細節可簡化為通用樣式）。
-
一圖一任務 + 文案 verbatim — 每張只服務一個使用者問題：打開 App 第一眼？為什麼留下？沒資料時怎麼辦？商店裡怎麼展示？
-
統一畫幅 — 閃屏/商店豎圖常用 9:16 或 1290×2796 比例感；功能卡可用 1:1 或 4:5；同一套盡量固定比例族。
-
進 Figma 前三檢 — 文案拼寫、對比度、圓角是否與 DS 衝突——偏差用 Image 2 多輪改，而不是整張重抽。
三、六組實測介面提示詞（可複製）
以下以虛構效率 App「FlowDay」為例；換成你的產品名與賣點即可。建議在 prompt 中固定品牌色（示例：#4F46E5 indigo）。
槽位 1：閃屏 / 啟動頁
場景：冷啟動品牌第一印象，居中 Logo 區 + 短標語。
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 啟動頁 視覺稿。
槽位 2：Onboarding 引導單頁
場景：首次打開的價值說明頁，左文右插畫或上圖下文。
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 文案與插畫一體，適合快速 A/B 文案。
槽位 3：功能賣點卡（三要點）
場景：官網功能區或付費牆上方的三列賣點。
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.
效果：功能卡片結構化呈現，最吃文字能力的一張。
槽位 4：空狀態插畫頁
場景：無任務/無通知時的友善引導，降低「壞掉了」的感覺。
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.
效果：空狀態從「空白」變成「可行動」。
槽位 5：設定 / 個人中心示意
場景：向投資人/評審展示資訊架構，不必可點擊。
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.
效果：設定頁示意足夠開會，又不會假裝是可互動原型。
槽位 6：應用商店截圖框（帶裝置框）
場景：上架素材：手機外框 + 屏內關鍵介面 + 頂部賣點句。
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.
效果：商店截圖方向稿，可再進 Figma 換真實截屏。
四、通用填空模板（複製即用）
每個槽位只改任務行與畫面內文案：
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.
五、外包插畫 vs Image 2 UI 槽位 vs 純圖示拼貼
| 維度 | 外包插畫全套 | Image 2 UI 槽位生產線 | 純圖示/截屏拼貼 |
|---|---|---|---|
| 文案改版速度 | 慢（重繪） | 快（多輪改一行） | 快但廉價感 |
| 與 DS 一致性 | 靠 Brief | 靠 HEX/風格欄位鎖定 | 易漂移 |
| 適合階段 | 品牌大版本 | 週迭代、評審、ASO 初稿 | 內部草稿 |
| 主要風險 | 檔期 | 須人工校字與柵格 | 轉化與專業度不足 |
六、誰最該用這套方法？
✅ 產品經理 / 專案經理
評審前用 Image 2 快速補齊閃屏、空狀態與商店方向，減少「先空著」的簡報頁。
✅ UI / UX 設計師
把 image-2 當視覺探索層：鎖定色與字，生成後再貼進 Figma 對齊真實元件。
✅ 獨立開發者 / 小團隊
沒有專職插畫時，仍可用同一套 prompt 做出風格統一的 App 啟動頁 與功能卡。
✅ 增長與 ASO 營運
商店截圖文案常改——多輪改圖比重做整套外框更快。
七、三條最常見翻車點
-
❌ 一張圖畫出「可點擊的完整 App」 — Image 2 會糊成雜亂 UI。嚴格按槽位拆分；互動原型留給 Figma/程式碼。
-
❌ 文案不寫死，只寫 “some feature text” — 文字漂移就失去 UI 設計 交付意義。標題、按鈕必須
exactly: "..."。 -
❌ 偽造系統商標細節還不校對對比度 — 通用狀態列即可；匯出前檢查淺色字壓淺底等無障礙問題。
八、結語
Image 2 做 App / UI 界面圖的關鍵，不是「再抽一張更炫的」，而是：品牌鎖定 → UI 槽位 → 文案 verbatim → 多輪微調 → Figma 收口。
下次缺啟動頁、功能卡或空狀態時，先別在素材站東拼西湊。打開 Image2 工作台，按本文六個槽位跑一遍——你會得到一套風格統一、文案可讀的 AI 界面圖，夠評審、夠迭代、也夠當作商店截圖的起點。
閃屏立住品牌，功能卡說清價值，空狀態給出下一步——這才是 image-2 在產品設計鏈路裡該交付的閉環。
實踐筆記；提示詞可自由複製改寫。上架與商用前請核對文案、商標與各應用商店截圖規範。
