Claude Design：从卷出来的「副项目」到百万人使用，AI 时代设计师的破局利器
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，让其设计一下，结果并不理想。
接下来约一个月，他把这件事当成副项目来推进，不算正式立项，用工作之余的时间一点点做。慢慢地，他找到了解决办法：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 从研究预览起步，六个月长成十亿美元产品。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，还能一键送到这些工具里接着做。但 Claude Design 不是图像生成模型，Parrott 坦言它不适合做 Logo，已有的 Logo、图片和品牌素材得自己导进去。真要写上线的生产软件，Anthropic 依然建议用 Claude Code。说到底，Claude Design 是前期工具，不是成熟的生产开发平台。
模型越能代劳写代码，真正值钱的活儿就越向前移，设计师的价值转向选方向、建系统、判断好坏、推动共识等环节。回到最初的情景，当身边两个工程师突然狂飙，作为小组唯一设计师的 Parrott 被甩在后面，他没有干等，而是自己动手造出了追赶的工具，谁能想到，这个工具后来被百万人使用。
所以，当工作被 AI 冲击而感到焦虑时，不如学 Parrott，用 AI 给自己造件新工具，或者找到这样的工具，打开新局面。
