工程先起飞,设计被甩在后面
Claude Design 竟是一个卷出来的「副项目」。
它的背后,是两个工程师和一个设计师之间的故事。
故事要从 2025 年 11 月 Opus 4.5 的发布说起。
那时,Nate Parrott 是 Claude Code 那个 VS Code 项目里唯一的设计师,身边有两个工程师。

他们三个人共同干一件事:把只能在终端里敲命令的 Claude Code,做成一个普通人也看得懂、用得顺的界面。
9 月底,产品进了 beta,一切正常;然后 11 月,Opus 4.5 发布了。接下来的画面,Parrott 是这么描述的:
两个工程师突然开始疯狂交付,产出比以前多得多,而他还是原来那个速度。
很快,他就掉队了。
「得想办法追上去」,Parrott 这样想。
于是他利用业余时间鼓捣了一个小工具,专门用来帮自己赶上工程的节奏。
而这个「副项目」,就是后来上线第一周被超过 100 万人用过的 Claude Design。
这个故事扎心的地方在于,AI 并没有平均拉高所有人的速度,而是先让工程狂飙。
于是,Parrott 所在的设计,很快就被逼成了整条流水线上最慢的那一环。
转折点是 2025 年的 11 月 24 日,这一天 Opus 4.5 发布。
据 Parrott 回顾,此后整个 Claude Code 团队的交付节奏明显变快,两名工程师的产出比以前多了不少,而他的设计产出仍是原来的速度。
这倒逼他必须得想办法追上。
这恰恰也暴露出 AI 浪潮最容易被忽略的一面,它最先造成的冲击,往往不是某个岗位会不会消失,而是打乱了原有工作流之间互相匹配的节奏。
比如,工程一旦提速,设计、产品、市场,凡是接不住的环节,都会瞬间变成新瓶颈。
Parrott 最初的想法很直接。
Claude Code 是个纯文字的终端工具,他一开始也顺着这个思路,把设计当成文字活儿来干:
把终端输出、几张界面截图和一句需求打包丢给 Claude,说一句「这是我们想加的功能,你来设计一下」。
结果却并不理想。
接下来大约一个月,他把这件事当成一个副项目(side project)来干:不算正式立项,就用工作之余的时间一点点推进。
慢慢地,他撞上了那个真正的解决办法:Claude 特别擅长写 HTML。
我们习惯把 HTML 当成做网页的东西。
但 Parrott 的顿悟是,HTML 其实是一种很富的交互视觉媒介:幻灯片、视频文件、PDF…… 它们能做的,你都能用一个网页做出来。
于是他不再让 Claude「画设计」,而是让它「产出 HTML」,再给它套上一个界面:左边聊天,右边实时预览。你说一句,右边就跟着变一下。
Parrott 找到的破局点不在「让 AI 画图」,而在「把 HTML 当成统一的视觉画板」:幻灯片、可交互原型、动画、网页,从此可以走进同一条生成和编辑的流水线。

只会写 HTML,离「能用」还差很远距离。
在 Parrott 看来,产品设计的核心,是把你对这个产品、品牌的理解,落到每一个具体的设计动作上。
于是他花了不少时间,把 Anthropic 品牌的那套东西,字体、配色、素材和设计原则,一点点蒸馏进提示词里。
这样一来,他往 AI 里敲需求,生成的设计天生就更贴近 Anthropic 的规范。
他把这一整套塞进一个很小的内部原型,分享给团队。产品设计师们立刻上手,拿它做可交互原型。
在传统设计工具里做一个点击原型,意味着你得把每个界面的每个状态都画出来,再一个个手动连线。
而在 Claude Design 里,你只要把素材丢给 Claude,说一句「让它跑起来」,它做出来的东西自带一个链接,你像发文档一样直接甩给同事就可以。
这一点,后来成了整个产品最核心的能力。
今天你上手 Claude Design,第一次配置时它就会去读你的代码库和设计文件,自动给团队攒出一套设计系统。
之后每个项目都自动套用你的颜色、字体和组件。大团队还能派一个管理员,锁死一套标准系统,谁都不能乱改。
真正让 Parrott 感受到「这事儿成了」的,是 Anthropic Labs 团队一次务虚会上的点子路演。
他发现,在场的人几乎都在用这个工具拼幻灯片,不少人甚至是在会议进行到一半、快轮到自己发言时,才现场临时赶出来的。
就是这一幕,说服了 Labs 团队正式给这个项目配人。从这一刻起,一个副项目,转正成了一个真正的产品。
Claude Design 这条路,Anthropic 早就跑通过一次。
2026 年 1 月 13 日,Anthropic 宣布扩建 Labs,请来 Instagram 联合创始人 Mike Krieger 和 Ben Mann 一起操盘,定位就是孵化 Claude 能力前沿的实验性产品。
Claude Code 就是从研究预览(research preview)起步,六个月长成十亿美元产品的。
Claude Design 走了同一条路:一个人的私下试验,到内部设计师主动采用,再到点子路演上被同事们「用脚投票」,最后 Labs 配人、对外发研究预览、转 beta。
这条链条里,没有一步是自上而下规划出来的。
AI 原生的产品,往往不是被设计出来的,而是被内部真实「使用」出来的。
Claude Design 产品转正之后,定位很快就变了。
他们不再把它看成一个只做界面效果图的工具。
幻灯片、落地页、能印成一页纸的 PDF、邮件、动画、发社媒的图,只要是拿来做视觉沟通的活儿,它都能接。
Parrott 自己的说法是,它「比产品设计高出一层」:你和 Claude 一起打磨的,是那些主要用来沟通和构思的视觉物料。
分工很清楚:Claude Design 管前期,快速探索、比较方向、争取共识;Claude Code 管后期,真正的生产开发。
二者还能互相连通:用 /design-sync 把设计系统拉过来,用 /design 在终端里直接改,中间靠 MCP 衔接。

做完的东西能导出 PDF、PPTX、HTML,还能一键送到 Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix 这些工具里接着做。
但 Claude Design 并不是图像生成模型。Parrott 坦言:它不适合做 Logo,你已有的 Logo、图片和品牌素材,得自己导进去。
真要写上线的生产软件,Anthropic 依然建议老老实实用 Claude Code。
说到底,Claude Design 是个前期工具,不是一个成熟的生产开发平台。
模型越是能代劳写代码,真正值钱的活儿就越向前移,设计师的价值转向了选方向、建系统、判断好坏、推动共识等环节。
回到最开始那个情景。
当身边两个工程师突然狂飙,作为小组唯一设计师的 Parrott 被甩在了后面。他没有干等,而是自己动手,造出了追赶用的工具。
谁能想到,这个工具后来被百万人用了起来。
所以,当你的工作被 AI 冲击而感到焦虑时,不如学 Parrott 这一手:用 AI 给自己造件新工具,或者找到这样一件工具,打开新局面。