关于ZAKER Skills 合作
新智元 2小时前

Claude 设计师被工程师卷到掉队,反手造出百万用户工具

工程先起飞,设计被甩在后面

Claude Design 竟是一个卷出来的「副项目」。

它的背后,是两个工程师和一个设计师之间的故事。

故事要从 2025 年 11 月 Opus 4.5 的发布说起。

那时,Nate Parrott 是 Claude Code 那个 VS Code 项目里唯一的设计师,身边有两个工程师。

Anthropic 产品设计师 Nate Parrott 在官方博客第一人称复盘 Claude Design 诞生全过程。

他们三个人共同干一件事:把只能在终端里敲命令的 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 浪潮最容易被忽略的一面,它最先造成的冲击,往往不是某个岗位会不会消失,而是打乱了原有工作流之间互相匹配的节奏。

比如,工程一旦提速,设计、产品、市场,凡是接不住的环节,都会瞬间变成新瓶颈。

一个月的支线试验,从「AI 写设计」到「AI 写 HTML」

Parrott 最初的想法很直接。

Claude Code 是个纯文字的终端工具,他一开始也顺着这个思路,把设计当成文字活儿来干:

把终端输出、几张界面截图和一句需求打包丢给 Claude,说一句「这是我们想加的功能,你来设计一下」。

结果却并不理想。

接下来大约一个月,他把这件事当成一个副项目(side project)来干:不算正式立项,就用工作之余的时间一点点推进。

慢慢地,他撞上了那个真正的解决办法:Claude 特别擅长写 HTML。

我们习惯把 HTML 当成做网页的东西。

但 Parrott 的顿悟是,HTML 其实是一种很富的交互视觉媒介:幻灯片、视频文件、PDF…… 它们能做的,你都能用一个网页做出来。

于是他不再让 Claude「画设计」,而是让它「产出 HTML」,再给它套上一个界面:左边聊天,右边实时预览。你说一句,右边就跟着变一下。

Parrott 找到的破局点不在「让 AI 画图」,而在「把 HTML 当成统一的视觉画板」:幻灯片、可交互原型、动画、网页,从此可以走进同一条生成和编辑的流水线。

Claude Design 的工作界面:对话在左、画布在右,正是 Parrott 最早搭出的原型思路。

光有 HTML 还不够,品牌系统才是那把钥匙

只会写 HTML,离「能用」还差很远距离。

在 Parrott 看来,产品设计的核心,是把你对这个产品、品牌的理解,落到每一个具体的设计动作上。

于是他花了不少时间,把 Anthropic 品牌的那套东西,字体、配色、素材和设计原则,一点点蒸馏进提示词里。

这样一来,他往 AI 里敲需求,生成的设计天生就更贴近 Anthropic 的规范。

他把这一整套塞进一个很小的内部原型,分享给团队。产品设计师们立刻上手,拿它做可交互原型。

在传统设计工具里做一个点击原型,意味着你得把每个界面的每个状态都画出来,再一个个手动连线。

而在 Claude Design 里,你只要把素材丢给 Claude,说一句「让它跑起来」,它做出来的东西自带一个链接,你像发文档一样直接甩给同事就可以。

这一点,后来成了整个产品最核心的能力。

今天你上手 Claude Design,第一次配置时它就会去读你的代码库和设计文件,自动给团队攒出一套设计系统。

之后每个项目都自动套用你的颜色、字体和组件。大团队还能派一个管理员,锁死一套标准系统,谁都不能乱改。

一场 offsite,把副项目逼成了转正

真正让 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 衔接。

Claude Design 可导出 PDF、PPTX、HTML,并打通 Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix 等工具。

做完的东西能导出 PDF、PPTX、HTML,还能一键送到 Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix 这些工具里接着做。

但 Claude Design 并不是图像生成模型。Parrott 坦言:它不适合做 Logo,你已有的 Logo、图片和品牌素材,得自己导进去。

真要写上线的生产软件,Anthropic 依然建议老老实实用 Claude Code。

说到底,Claude Design 是个前期工具,不是一个成熟的生产开发平台。

模型越是能代劳写代码,真正值钱的活儿就越向前移,设计师的价值转向了选方向、建系统、判断好坏、推动共识等环节。

回到最开始那个情景。

当身边两个工程师突然狂飙,作为小组唯一设计师的 Parrott 被甩在了后面。他没有干等,而是自己动手,造出了追赶用的工具。

谁能想到,这个工具后来被百万人用了起来。

所以,当你的工作被 AI 冲击而感到焦虑时,不如学 Parrott 这一手:用 AI 给自己造件新工具,或者找到这样一件工具,打开新局面。

科技频道

科技频道

科技改变世界

订阅

觉得文章不错,微信扫描分享好友

扫码分享

热门推荐

查看更多内容

企业资讯

查看更多内容