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 给自己造件新工具或者找到这样的工具打开新局面。
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 给自己造件新工具或者找到这样的工具打开新局面。
