你有没有过这种时刻：脑子里有个产品想法，或者手上有一张截图，想把它变成一个能点能看的网页原型。要么打开 Figma 画半天，要么硬写 HTML 写到没脾气。
Codex 最近给了个答案。它上线了一个叫 Product Design（产品设计） 的官方插件，专门干这件事——你把需求、截图或者一个网址丢给它，它直接在 Codex 里生成可交互的网页原型，你能在里面预览、调试、迭代，一条龙做完。
但我想先泼一盆冷水：最近刷屏的「审美逆袭」「设计师需警惕」这些说法，有一半是营销话术。我查了 OpenAI 的官方公告，也找了几个真去试的人，结论是这样的——
一、Codex 不再只是写代码的了
今年 6 月，OpenAI 给 Codex 发了一次大更新，核心是「角色插件」。以前 Codex 主要是个写代码的工具，这次它一下多了 6 个按岗位打包的插件：数据分析、创意制作、销售、产品设计、股权投资、投行。
说白了，OpenAI 在给 Codex 装「岗位脑子」。你是设计师，它知道你在意用户路径、交互状态、品牌约束；你是销售，它知道先看成交风险。Product Design 就是给设计师和产品人那一个。
二、它到底能干什么
官方对 Product Design 的定位很克制：把早期想法变成团队能评审的原型。具体来说——探索产品方向、审计用户流程、从真实网址做原型、把静态截图变成可交互的页面，结果还能接着往 Figma、Canva 里带。
注意，是「可评审的原型」，不是「上线产品」。这个定位很关键，后面要讲。
三、太阳系实测，真能打
光看官方说辞没用，得看真有人跑出来什么。
有个作者拿它做了一个太阳系科普页面。跟 Product Design 说「做个太阳系科普页」，它会先问目标受众和风格偏好，然后自己写代码、生成页面，做完还会继续测交互稳不稳定。最后出来的效果：行星轨道动画、响应式布局、信息层级都处理得不错，作者原话是「比我自己写的强多了」。
不是孤例。LinkedIn 上有位研究者用 Codex 做了 Three.js 的太阳系 3D demo，代码、仓库都开源了。所以「Codex 前端审美拉满」这件事，至少在原型层面，是站得住的。
但要说「不输专业团队」，那就是溢美了。它超出的是多数人的手写水平，复杂品牌项目该有人把关还是得有人把关。
四、三步上手，照着做
方法不复杂，三步：
1. 装插件。 打开 Codex 桌面端或 App，左侧 Plugins 进商店，搜 Product Design，点安装。注意装完要新建一个对话，插件才会出现在可选列表里；而且每个会话同时只能激活一个插件。
2. @ 它。 在对话里直接输入 @Product Design，把需求甩给它。比如「做一个个人记账 App 的可交互原型」「把这个注册流程做成可点原型」。
3. 拿原型。 它会先收集需求和风格偏好，再生成可交互页面。有人说它会先给几张参考图让你选——这个看版本和场景，不是官方承诺的死规矩，但「先对齐再动手」的逻辑是一致的。
五、诚实边界——它是辅助，不是取代
这是我最想说的。刷屏文爱写「设计师和程序员需警惕」，这话制造焦虑，但不诚实。
OpenAI 自己说的就是「可评审原型」。它的位置，是帮你把想法快速变成能给人看、能讨论的东西，省掉你从白纸到第一版的痛苦。
所以对设计师：你不是被取代，你是从「画第一版」腾出手，去干更值钱的事——定方向、审交互、守品牌。对程序员：你不是被抢活，你是从「手写 HTML」转向「验收 AI 产物、补它做不好的地方」。
这是换挡，不是下岗。
Codex 把审美这课补上了，剩下的看你愿不愿意去试。
我建议你今天就去装一下 Product Design，拿手头一个真实想法喂给它，看它给你出什么。出得丑，你知道边界在哪；出得惊艳，你省下三天。
试完来评论区交个作业——你用它做了什么，踩了什么坑。
热门跟贴