GPT Image 2.6 做 UI 设计。

OpenAI 在 2026 年 11 月 4 日发布了 ChatGPT Images 2.6，同时在 API 里推出两个新模型：GPT-Image-2.6 Flare 和 Sunburst。对 UI 设计来说，最有用的更新是参考图、SVG 导出、动图 GIF 和圈图修改。下面讲清楚更新了什么，以及怎么用它做 App 和网页设计稿。

更新于 2026年11月6日 · 阅读约 7 分钟

GPT Image 2.6 更新了什么

ChatGPT 和 Codex 都能用。 OpenAI 表示，Images 2.6 已在 ChatGPT 和 Codex 的所有档位上线，网页、桌面和手机端都可以用。
参考图和 GIF。 这次发布给 ChatGPT Images 加入了动图 GIF 和参考图。
两个 API 模型。 gpt-image-2.6-flare 是更小的模型，适合追求速度的场景；gpt-image-2.6-sunburst 是基础模型，细节更多，修改更精准。OpenAI 表示 Flare 最快约 6 秒就能出一张图。
新的输出格式。 除了 PNG、JPEG 和 WebP，生成时还能输出 svg 和 gif。两个模型都支持透明背景。
圈图修改。 修改图片时，可以上传一张透明的标注图，比如在某个元素外画个圈，再说明要改什么。
complexity 参数。 complexity（low、medium 或 high）控制模型在出图前做多少规划，两个模型默认都是 high。

Flare 和 Sunburst 怎么选

模型	擅长	在 UI 设计里适合
GPT Image 2.6 Flare	速度	快速试很多布局和风格
GPT Image 2.6 Sunburst	细节和精准修改	最终的设计效果图、界面里的小字、只改一个元素而不动其他部分

OpenAI 给的迁移建议：原来用 GPT Image 2.5 Flare 的，先试 2.6 Flare；原来用 2.5 Sunburst 的，先试 2.6 Sunburst。如果 Sunburst 的效果达标，再用同样的提示词试试 Flare，对比一下。

怎么用它做 UI 设计

在 ChatGPT 里： 直接在对话里让它生成设计稿，有参考图就一起附上。
在 Codex 里： 描述你要的图，或者加上 $imagegen 明确调用生图 skill。附上参考图可以引导结果。
通过 API： 调用图片生成接口，模型填 gpt-image-2.6-flare 或 gpt-image-2.6-sunburst。

OpenAI 官方对「界面预览」的建议：把产品当作已经上线来描述，重点写布局、层级、间距和真实的界面元素，不要用概念图式的描述，这样出来的图才像一个真的上线了的界面，而不是草图。要出现在图上的文字，用引号写清楚。

UI 设计稿提示词

更多提示词见完整的 GPT Image 2.6 UI 设计提示词，共 42 条。

手机 App 界面

App 界面设计稿

为[一个读书打卡 App]生成一张真实感的手机 App UI 设计稿。展示老用户的首页：顶部问候语，一个大的进度环显示今天 20 分钟目标的完成情况，正在读的书和页数进度，一个写着 "Start a 6-minute session" 的主按钮，底部标签栏有 Today、Library、Stats、Profile。米色背景，深绿色按钮，一个珊瑚色强调色，字体清晰，装饰尽量少。要像一个真的上线了的 App。iPhone 屏幕，不要设备外框。

落地页首屏，三个方向

落地页首屏

为[一个给自由职业者用的开票 App]生成三个桌面端落地页首屏，标题都用 "Get paid 9 days faster."，按钮也一样，分成三种风格：衬线大标题的温暖杂志风、只用一个荧光绿强调色的深色大胆风、圆角卡片的柔和友好风。界面要真实，只出现指定的文字，16:9，不要设备外框。

后台仪表盘

仪表盘设计稿

为[一家咖啡烘焙坊]生成一个真实感的网页后台界面：左侧导航栏，四张指标卡片（活跃订阅 1,284；发出 642 袋；流失率 2.1%；营收 $38.4k），一个最近 8 周每周发货量的柱状图，以及本周烘焙计划列表和状态标签。温暖安静的配色，层级清晰，用真实的界面元素。16:9。

SVG 图标组（API）

调用 API 时设置 output_format="svg" 和 background="transparent"，再用这样的提示词：

SVG 图标组

一组给 App 标签栏用的六个简洁线性图标：首页、书库、统计、个人、搜索、设置。统一 2px 线宽，圆角线头，单色，不要文字，在一行里均匀排开。

用 GIF 做一个微交互

动图 GIF

一段循环的短动画：手机上的 "Add to cart" 按钮被点击，轻微缩小，变成绿色并出现对勾，然后恢复原样。扁平 UI 风格，白色背景，不要多余文字。

圈出一个元素来修改

在一张和原图同样大小的透明标注图上，把要改的元素圈出来，然后只描述这一个改动：

圈图修改

只修改圈出来的按钮：改成主按钮样式，深绿色实心背景，白色文字 "Continue"。界面里其他所有内容保持完全不变。

从效果图到真实界面

设计效果图只是一张图：不能点击、不能缩放，也不能直接上线。选定喜欢的方向后，让 Codex 把它重新做成 HTML：

效果图转 HTML

把附上的设计效果图重新实现为一个独立的 HTML 文件，尺寸[390×844]，CSS 内联，使用系统字体。布局、间距、颜色和文字都要完全一致。图标和插画用 HTML 和 CSS 画出来。

在 Codex Design 画布上，生成的图片和做出来的 HTML 版本会并排放在一起，方便你检查是否一致，再可视化地调整字体、颜色和间距。完整流程见怎么用 AI 生成 UI 设计稿。

常见问题

GPT Image 2.6 免费吗？

OpenAI 表示，Images 2.6 已在 ChatGPT 所有档位上线，网页、桌面和手机端都能用，具体用量取决于你的套餐。通过 API 使用 Flare 和 Sunburst 则按 OpenAI 的 API 价格计费。

GPT Image 2.6 和 2.5 用哪个？

新的 UI 设计流程建议直接用 2.6。OpenAI 的对应关系是 2.5 Flare 对 2.6 Flare，2.5 Sunburst 对 2.6 Sunburst，并建议用同样的提示词、参考图、尺寸和质量设置来对比。

GPT Image 2.6 能做 UI 设计稿吗？

能。OpenAI 的官方提示词指南把「界面预览」列为一种用法。不过生成的是图片，小字和间距需要检查；想要真实可用的界面，就把选定的方向做成代码。