Claude Design 竟然是一个被“卷”出来的副项目。它的背后,是两个工程师和一个设计师之间的故事。故事始于 2025 年 11 月 Opus 4.5 的发布。彼时,Anthropic 产品设计师 Nate Parrott 正负责 Claude Code 的 VS Code 项目,身边围绕着两名工程师。他们的共同目标是将只能敲命令的终端工具,转化为普通人易懂、顺手的界面。
9 月进入 Beta 阶段一切顺利,但 11 月 Opus 4.5 发布后,情况变了。两名工程师突然加速交付,产出大幅提升,而 Parrott 仍保持原速。很快,他掉了队。“必须想办法追上去”,Parrott 这样想。于是他利用业余时间捣鼓了一个小工具,专为自己追赶工程节奏所用。这个副项目,后来变成了上线首周被超过百万人使用的 Claude Design。
这个故事最扎心的地方在于,AI 并没有拉平所有人的速度,而是先让工程狂飙。设计团队迅速沦为整条流水线中最慢的环节。转折点出现在 11 月 24 日。Parrott 回忆,此后 Claude Code 团队的交付节奏明显加快,两名工程师产出倍增,而他的设计产出未变。这倒逼他必须寻找出路,也暴露了 AI 浪潮下最易被忽视的一面:冲击往往不是岗位消失,而是打乱了原有工作流的匹配节奏。一旦工程提速,设计、产品、市场等接不住的环节,瞬间就会变成新瓶颈。
一个月的支线试验:从“AI 写设计”到“AI 写 HTML”
Parrott 的最初想法很直接。既然 Claude Code 是文字终端,他就把设计当成文字活儿:把终端输出、几张截图和一句需求丢给 Claude,说“这是我们想加的功能,你来设计一下”。结果并不理想。
接下来的一个月,他把这当成副项目,利用业余时间一点点推进。慢慢地,他找到了真正的解决办法:Claude 特别擅长写 HTML。
我们常把 HTML 当成做网页的代码,但 Parrott 顿悟到,HTML 其实是一种极其丰富的交互视觉媒介:幻灯片、视频、PDF……你能在这些媒介里做的,都能用一个网页实现。于是他不再让 Claude “画设计”,而是让它“产出 HTML”,再套上一层界面:左侧聊天,右侧实时预览。你说一句,右边就跟着变。Parrott 找到的破局点不在“让 AI 画图”,而在“把 HTML 当成统一的视觉画板”。
光有 HTML 还不够,品牌系统才是那把钥匙
在 Parrott 看来,产品设计的核心,是将对产品和品牌的理解落实到每一个具体动作上。于是他花费大量时间,将 Anthropic 品牌的字体、配色、素材和设计原则,一点点蒸馏进提示词中。这样一来,生成的设计天生更贴近 Anthropic 的规范。
他将这一整套规则塞进一个小型内部原型,分享给团队。产品设计师们立刻上手,用它做可交互原型。在传统设计工具里,做一个点击原型意味着要画出每个界面的每个状态再手动连线。而在 Claude Design 里,你只需把素材丢给 Claude,说一句“让它跑起来”,它就能生成一个链接,你像发文档一样甩给同事即可。这一点,后来成了整个产品最核心的能力。今天你上手 Claude Design,首次配置时它就会去读你的代码库和设计文件,自动给团队攒出一套设计系统。之后每个项目都自动套用你的颜色、字体和组件。大团队还能派一个管理员,锁死一套标准系统,谁都不能乱改。
一场 Offsite 把副项目逼成了转正
真正让 Parrott 感到“这事儿成了”的,是 Anthropic Labs 团队一次务虚会上的点子路演。他发现,在场的人几乎都在用这个工具做幻灯片,不少人甚至在会议进行到一半、快轮到自己发言时,才现场临时赶出来。就是这一幕,说服了 Labs 团队正式给项目配人。从此,一个副项目转正为一个真正的产品。
Claude Design 走的是同一条路:从一个人的私下试验,到内部设计师主动采用,再到点子路演上被同事们“用脚投票”,最后 Labs 配人、对外发研究预览、转 Beta。这条链条里,没有一步是自上而下规划出来的。AI 原生的产品,往往不是被设计出来的,而是被内部真实“使用”出来的。
价值前移:设计师不再只是“出图”
产品转正后,定位很快变了。他们不再将其视为只做界面效果图的工具。幻灯片、落地页、能印成一页纸的 PDF、邮件、动画、发社媒的图,只要是拿来做视觉沟通的活儿,它都能接。Parrott 自己的说法是,它“比产品设计高出一层”:你和 Claude 一起打磨的,是那些主要用来沟通和构思的视觉物料。
分工很清楚:Claude Design 管前期,快速探索、比较方向、争取共识;Claude Code 管后期,真正的生产开发。二者还能互相连通:用 /design-sync 把设计系统拉过来,用 /design 在终端里直接改,中间靠 MCP 衔接。Claude Design 可导出 PDF、PPTX、HTML,并打通 Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix 等工具。做完的东西能一键送到这些平台继续编辑。
但 Claude Design 并不是图像生成模型。Parrott 承认:它不适合做 Logo,你已有的 Logo、图片和品牌素材,得自己导进去。真要写上线的生产软件,Anthropic 依然建议老老实实用 Claude Code。说到底,Claude Design 是一个前期工具,不是一个成熟的生产开发平台。模型越是能代劳写代码,真正值钱的活儿就越向前移,设计师的价值转向了选方向、建系统、判断好坏、推动共识等环节。
回到最初那个情景。当身边两个工程师突然狂飙,作为小组设计师的 Parrott 被甩在了后面。他没有干等,而是自己动手,造出了追赶用的工具。谁能想到,这个工具后来被百万人用了起来。
所以,当你的工作被 AI 冲击而感到焦虑时,不如学 Parrott 这一招:用 AI 给自己造件新工具,或者找到这样一件工具,打开新局面。
