Claude Design：从副项目到百万人使用的工具，AI 时代设计师的破局之路

Claude Design卷出来的「副项目」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 发布后两个工程师突然疯狂交付产出大增而 Nate Parrott 速度不变很快就掉队了。他心想「得想办法追上去」于是利用业余时间鼓捣了一个小工具这个「副项目」就是后来上线第一周被超过 100 万人用过的 Claude Design。工程先起飞设计被甩后这个故事扎心之处在于AI 并没有平均拉高所有人的速度而是先让工程狂飙设计很快被逼成整条流水线上最慢的一环。转折点是 2025 年 11 月 24 日Opus 4.5 发布后Claude Code 团队交付节奏明显变快两名工程师产出增多而 Nate Parrott 的设计产出速度依旧。这倒逼他想办法追赶也暴露出 AI 浪潮易被忽略的一面即它最先打乱原有工作流之间互相匹配的节奏工程提速后设计、产品、市场等接不住的环节会成为新瓶颈。一个月的支线试验从「AI 写设计」到「AI 写 HTML」Nate Parrott 最初想法直接Claude Code 是纯文字终端工具他把设计当成文字活儿将终端输出、界面截图和需求打包给 Claude 让其设计结果不理想。接下来一个月他把此事当成副项目side project用业余时间推进。后来他发现 Claude 擅长写 HTML他顿悟到 HTML 是丰富的交互视觉媒介幻灯片、视频文件、PDF 等能做的网页都能实现。于是他让 Claude 「产出 HTML」并套上左边聊天、右边实时预览的界面。他找到的破局点是「把 HTML 当成统一的视觉画板」让幻灯片、可交互原型、动画、网页走进同一生成和编辑流水线。Claude Design 的工作界面就是他最早搭出的原型思路。光有 HTML 不够品牌系统是钥匙只会写 HTML 离「能用」还很远。Nate Parrott 认为产品设计核心是将对产品、品牌的理解落实到具体设计动作上。他花时间把 Anthropic 品牌的字体、配色、素材和设计原则融入提示词这样输入需求生成的设计更贴近 Anthropic 规范。他把这整套放进小内部原型分享给团队产品设计师用它做可交互原型在 Claude Design 里操作比传统设计工具更便捷这后来成了产品核心能力。如今上手 Claude Design首次配置会读取代码库和设计文件自动生成设计系统每个项目自动套用颜色、字体和组件大团队还能锁定标准系统。一场 offsite副项目转正真正让 Nate Parrott 觉得「这事儿成了」的是 Anthropic Labs 团队务虚会上的点子路演。会上几乎所有人都用这个工具拼幻灯片不少人还是临时赶制的。这一幕说服 Labs 团队正式给项目配人副项目转正成真正的产品。Claude Design 走了和 Claude Code 一样的路从个人私下试验到内部设计师采用再到路演被认可最后 Labs 配人、对外发研究预览、转 beta没有一步是自上而下规划的。AI 原生产品往往是被内部真实「使用」出来的。价值前移设计师不再只是「出图」Claude Design 产品转正后定位改变不再只是做界面效果图的工具能承接幻灯片、落地页、PDF、邮件、动画、社媒图等视觉沟通工作。Nate Parrott 说它「比产品设计高出一层」负责前期快速探索、比较方向、争取共识Claude Code 负责后期生产开发二者还能通过 /design - sync 和 /design 连通靠 MCP 衔接。Claude Design 可导出 PDF、PPTX、HTML并打通 Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix 等工具但它不是图像生成模型不适合做 Logo已有素材需自己导入。写上线生产软件Anthropic 建议用 Claude Code。Claude Design 是前期工具非成熟生产开发平台。模型代劳写代码设计师价值转向选方向、建系统、判断好坏、推动共识等环节。最初 Nate Parrott 被工程师甩开后自己造出追赶工具后来该工具被百万人使用。所以工作被 AI 冲击感到焦虑时可学 Nate Parrott 用 AI 造新工具或找工具打开新局面。