要给产品做提案、画一张引导页界面、或者往落地页里塞一张 UI 图，但又没空打开 Figma？GPT-Image-2 能把一段文字描述变成清晰的高保真 UI 设计稿，大约半分钟就出图：手机 App 界面、SaaS 数据后台、落地页首屏、App Store 截图套图都能画。
本文用 GPT-Image-2：先给一套通用的「UI 规格」提示词结构，再拆成四个方向——手机界面 / SaaS 后台 / 落地页首屏 / App Store 截图，每种都配一段可复制提示词和对应模板。全程不需要设计工具。
为什么用 GPT-Image-2 画 UI 设计稿
- 文字是真的，不是占位乱码：让它写真实的按钮和菜单文案，出来的界面能直接读、直接讨论；
- 一行字换整体风格：改几个关键词就能换配色、换平台、换布局，不用重连组件；
- 适合提案和概念验证：保真度足以给相关方看，速度又快到可以现场改。
通用的「UI 规格」提示词结构
稳定好用的套路是五段——画什么（界面 + 比例）→ 产品背景 → 布局分区 → 视觉风格 →「用真实可读文字」。打开 https://image-2.net/zh-cn/，套用下面这个骨架：
设计一张高保真 [手机 App 界面 / 网页后台 / 落地页] 设计稿，[9:16 / 16:9]，放在 [手机外框 / 桌面浏览器] 里展示。
产品：（一句话——它是什么，这个界面负责什么）
布局：（从上到下列出各分区：导航、卡片、图表、列表、标签栏……）
风格：（设计语言、配色、圆角、字体、阴影）
所有文字都用真实、可读的文案，不要用占位乱码。下面四个方向都复用这个骨架，只换布局和风格细节。
方向 A —— 手机 App 界面
手机稿的核心是手机外框 + 从上到下清晰的分区 + 底部标签栏。把每个分区和配色都写清楚。
设计一张高保真手机 App 界面设计稿，竖屏 9:16，放在现代手机外框里展示。
App：一个习惯打卡应用的首页。
布局：顶部问候语和日期，一个每周连续打卡的圆环，下方是今日习惯列表（带勾选框和进度条），底部是标签栏（首页、统计、添加、我的）。
风格：简洁的 iOS 风格 UI，圆角卡片，留白充足，薄荷绿加深灰配色，清晰的无衬线字体，柔和阴影。
所有文字都用真实、可读的中文文案，不要用占位乱码。👉 一键套用：同款手机 App 界面
现成模板：Mobile App Fitness UI、Daybreak 待办 App、冥想 App 界面、Nesting 引导页。比例选 9:16，清晰度选 2K。
方向 B —— SaaS 后台 / 网页应用
网页应用的核心是侧边栏 + 顶栏 + KPI 卡片 + 图表 + 表格，也就是经典的后台布局。把每个区域写清楚，并要求清晰的字号层级。
设计一张高保真 SaaS 网页后台设计稿，16:9，桌面浏览器视图。
产品：一个订阅制业务的数据分析后台。
布局：左侧带图标的导航栏，顶部有搜索框和用户头像，中间是 KPI 数据卡片（月度经常性收入、活跃用户、流失率、增长），一张大折线图、一张柱状图，以及一个最近动态表格。
风格：现代简洁的后台 UI，浅色主题配一个靛蓝强调色，圆角卡片，清晰的字号层级，文字和数字都真实可读。👉 一键套用：同款 SaaS 后台
参考模板：Desktop Operations Dashboard、加密钱包后台、智能家居平板后台、商品详情页 UI。比例选 16:9，清晰度选 2K。
方向 C —— 落地页首屏
营销站的核心是导航栏 + 大标题 + 副标题 + 行动按钮 + 产品视觉 + 品牌 logo 条。要求写真实、有力的文案，让首屏看起来像成品页。
设计一张现代 SaaS 落地页首屏设计稿，16:9，桌面网页视图。
产品：一个项目管理工具。
布局：顶部导航栏带 logo 和菜单，左侧是加粗大标题和一行副标题，一个主按钮加一个次按钮，右侧是产品截图或抽象插画，下方是一排合作品牌 logo。
风格：干净的现代网页设计，大量留白，浅色背景配一个鲜明的强调色，锐利的无衬线字体，文案真实可读。👉 一键套用：同款落地页首屏
参考模板：Travel Hero Section、SaaS Hero Background Analytics、网站 UI 现代化改版。
方向 D —— App Store 截图套图与空状态页
两个容易被忽略、但很值钱的场景：
- App Store 截图套图：一排手机外框，每张界面上方配一句大卖点标题——正好是应用商店要求的样式。见 App Store Screenshot Set；
- 空状态页：「无结果 / 首次使用 / 升级引导」这些界面最能体现精致度。见 空状态-无结果 和 SaaS 后台空状态升级页。
导出到合适的尺寸
设计稿满意后，按它要落地的地方改尺寸：
- 微调构图：用 图片裁剪工具 裁到你要的精确比例；
- 对齐平台规格：用 图片尺寸调整工具 输出 App Store 截图尺寸、适合放 PPT 的 1920×1080、或指定的网页素材尺寸；
- 拼成套图：用 拼图工具 把多张界面拼成一张展示板。
再生成一张，或用「以此图继续生成」局部修改
- 布局不太对？点「再生成一张」，用同样提示词重抽；
- 某个分区不对、或文字有乱码？点「以此图继续生成」，加一句「只重画 [顶栏 / 图表]，其余保持不变」；
- 想要深色主题或换强调色？也在「以此图继续生成」里补上。
小提示：清晰度选
2K或更高，界面里的小字才清楚。GPT-Image-2 生成的是 UI 的静态图，非常适合概念、提案和评审，但不是可运行的代码界面，把它当成一张又快又高保真的设计稿即可。
小结
UI 设计稿其实就两件事：
- 在 image-2.net 铺好「UI 规格」提示词，再按界面类型换布局和风格；
- 不满意就重抽，或用「以此图继续生成」修一个分区，然后按用途改尺寸。
存下最接近的模板，每次只换产品和布局，几分钟就能验证一个 UI 方向，而不用花上几小时。