Claude Design 诞生记：设计师副项目首周破百万用户

2026 年初，Anthropic 旗下的设计工具 Claude Design 上线研究预览，首周用户即突破 100 万。鲜为人知的是，这个产品最初并不是被规划出来的，而是 Anthropic 唯一的产品设计师 Nate Parrott 为了不被同事甩在身后、利用业余时间鼓捣出来的「副项目」。

起因：Opus 4.5 发布后，设计成了瓶颈

Parrott 是 Claude Code VS Code 项目里唯一的设计师，身边有两名工程师。2025 年 11 月 24 日 Opus 4.5 发布后，工程师的产出突然大幅提升，而他的设计节奏仍是原来的速度。

这暴露出 AI 浪潮里一个容易被忽略的现实：最先带来的冲击，往往不是某个岗位会不会消失，而是打乱工作流之间原本匹配的节奏——工程一旦提速，凡是接不住的环节都会瞬间变成新瓶颈，设计正是其中之一。

破局点：把 HTML 当成统一的视觉画布

Parrott 一开始也尝试让 Claude「写设计」，把终端输出和界面截图打包丢进去，结果并不理想。大约一个月后，他撞上了真正的解决办法：让 Claude 写 HTML。

在他看来，HTML 其实是一种相当丰富的交互视觉媒介——幻灯片、视频、PDF 能做的事，网页都能做。于是他把工具改造成「左边对话、右边实时预览」的形式：说一句，右边跟着变。

• 关键转变：从「让 AI 画设计」改为「让 AI 产出 HTML」
• 形态收益：幻灯片、可交互原型、动画、网页走进同一条生成与编辑流水线

把品牌系统蒸馏进提示词

光会写 HTML 还远远不够。Parrott 花了不少时间，把 Anthropic 的字体、配色、素材和设计原则一点点蒸馏进提示词，让 AI 输出的内容天然贴近品牌规范。

• 首次配置时自动读取代码库与设计文件，为团队生成统一设计系统
• 后续项目自动套用颜色、字体与组件，大团队可由管理员锁死标准
• 传统点击原型需逐个状态画图再手动连线；Claude Design 只需「让它跑起来」，成品就是一个可直接分享的链接

从副项目到 Labs 产品

转正的契机来自 Anthropic Labs 的一次务虚会。Parrott 把内部原型拿去路演时发现，在场的人几乎都在用它临时赶幻灯片，不少人甚至是在会议进行到一半、快轮到自己发言时才现场拼出来的——这种「用脚投票」最终说服 Labs 给项目正式配人。

这条成长路径与 Claude Code 如出一辙：先以研究预览起步，在内部真实使用中打磨，再被 Labs 纳入正式产品线。2026 年 1 月 13 日，Anthropic 宣布扩建 Labs，由 Instagram 联合创始人 Mike Krieger 和 Ben Mann 共同操盘，定位就是孵化 Claude 能力前沿的实验性产品。

定位与边界：前期工具，不是生产开发平台

Claude Design 转正后，定位被拓宽到所有「视觉沟通」类工作：幻灯片、落地页、可打印 PDF、邮件、动画、社交媒体图等均可承接，并通过 /design-sync、/design 与 Claude Code 借助 MCP 互相衔接。

• 导出格式：PDF、PPTX、HTML
• 已打通：Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix

但它并不是图像生成模型，不适合做 Logo，已有品牌素材需用户自行导入。生产级软件，Anthropic 仍建议用 Claude Code 写。Parrott 的总结很直接：Claude Design 管前期——快速探索、比较方向、争取共识；Claude Code 管后期——真正的生产开发。模型越能代劳写代码，设计师的价值就越往前移：从「出图」转向选方向、建系统、判断好坏与推动共识。