product-design 插件：一个帮设计师做早期产品探索的 AI 设计助理。
它更适合做：
需求转原型
多方向视觉探索
用户流程审查
静态截图交互化
和 Figma 配合迭代
把原型发布成可访问页面
复用品牌和项目上下文
先说清楚：它更适合帮你把想法先跑起来，让团队早点看到、早点讨论、早点验证。
1️⃣ 它适合谁？
这个插件不是只给程序员看的。
更适合这几类人：
✅ UI 设计师
你有页面设计需求，但不想每次都从空白画布开始。
✅ UX 设计师
你想快速验证用户流程，而不是只停留在文字需求里。
✅ 产品经理
你有产品想法，但希望先看到一个能点、能跑、能讨论的原型。
✅ 独立开发者
你有产品方向，但设计能力一般，希望先生成一个可用的视觉方向。
✅ SaaS 创业者
你需要快速做落地页、功能页、后台页面、用户流程演示。
✅ 作品集新人
你想把自己的产品想法快速变成可展示的原型案例。
2️⃣ 它到底能做什么？
你可以先记住 4 个核心能力。
① 需求转原型
以前你拿到一个需求，可能要先画草图、找参考、做低保真、再进 Figma。
现在可以先把需求丢给 product-design 插件，让它帮你生成几个不同方向。
比如你可以这样说：
请使用 product-design 插件，帮我设计一个 AI 工具导航站首页原型。
目标用户：
AI 工具新手、内容创作者、独立开发者。
页面目标：
帮助用户快速找到适合自己的 AI 工具。
请先给我 3 个不同设计方向：
- 信息密度高的工具导航型
- 适合小白的卡片推荐型
- 更偏 SaaS 落地页的转化型
每个方向请说明：
适合什么用户、核心页面结构、优缺点。
先不要直接生成最终版本。
这样你不是一上来就让 AI 瞎做，而是先让它给方向。
设计第一步不是出图，而是先找到正确方向。
② 选中方向后生成可运行原型
当它给出几个方向后，你可以选一个继续推进。
比如：
我选择方案 2：适合小白的卡片推荐型。
请继续生成一个可运行原型。
要求：
- 首页包含搜索框、分类导航、工具卡片、推荐区
- 每张卡片包含工具名称、用途、适合人群、按钮
- 页面风格简洁、清爽、有科技感
- 移动端和桌面端都要考虑
- 先做可交互原型，不追求最终视觉精修
这一步的价值是：
你可以快速从“文字需求”走到“能看的原型”。
AI 原型不是终点，而是让团队更早发现问题。
③ 对接 Figma，继续精修
product-design 插件很适合做前期探索，但 Figma 仍然是设计师的重要工作台。
更合理的流程是：
Codex 先出方向。
生成可运行原型。
把结构、交互、页面背景带到 Figma。
设计师再调视觉、组件、间距、规范。
你可以让它输出给 Figma 更好处理的信息：
请把这个原型整理成适合导入 Figma 的设计说明。
输出：
- 项目背景
- 用户目标
- 页面结构
- 核心交互
- 组件清单
- 视觉风格说明
- 需要设计师重点调整的地方
这样你进入 Figma 时，不是面对一堆散乱信息，而是有一份清楚的设计说明。
Codex 负责把想法跑起来，Figma 负责协作和精修。
④ 原型发布站点
这个功能很适合做产品验证。
比如你想做一个新功能页、新落地页、新工具站，过去可能要找开发才能让别人点开看。
现在如果你已经把 Codex 和自己的网站平台或部署环境打通，就可以把原型发布成可访问页面。
适合这些场景：
给团队评审
给客户演示
给用户测试
做作品集展示
做产品想法验证
但要注意：
这不是“装上插件就自动发布网站”。
前提是你已经配置好项目、权限、仓库、部署环境或站点平台。
3⃣ 它不能替代什么？
一定要说清楚。
❌ 不能替代设计师的审美判断
AI 可以生成方向，但好不好看、是否符合品牌，仍然要设计师判断。
❌ 不能替代用户研究
它可以模拟流程，但不能代表真实用户反馈。
❌ 不能替代设计规范
组件库、间距、字号、状态、无障碍体验，仍然要人工把关。
❌ 不能保证商业级交付
生成原型可以讨论，但最终交付还要经过精修、测试和协作。
❌ 不能无条件安装使用
插件可见性、权限、地区、套餐、工作空间配置都可能影响使用。
4⃣ 适合哪些真实场景？
产品落地页
快速验证一个 SaaS 官网首页。
后台系统页面
比如数据看板、用户管理、订单管理、设置页。
移动端 App 流程
比如登录、注册、创建任务、付款流程。
作品集项目
把一个产品想法做成可交互案例。
用户流程审查
让插件帮你检查流程是否绕、信息是否清楚。
静态截图交互化
把一张静态截图变成可以点击体验的原型方向。
最后总结
Codex 的 product-design 插件真正香的地方不是“AI 能画 UI”。
而是它把产品设计前期流程串起来了：
- 输入需求
- 生成多个设计方向
- 选择方案
- 生成可运行原型
- 带到 Figma 精修
- 发布站点验证
- 复用品牌和项目上下文
它最适合 UI/UX 设计师、产品经理、独立开发者、小团队创业者。
但要记住一句话：Codex 的 product-design plugin 不是让 AI 替你做设计，而是把需求到原型的第一段路加速。
