夜雨聆风你有没有被同事甩开过？
不是那种慢慢拉开差距的甩开，而是一夜之间，你发现身边两个人的产出突然翻了倍，而你还是原来的速度。你做的每一件事他们都做得完，他们做的事你却接不住。
2025年11月，Opus 4.5发布。在Anthropic的Claude Code团队里，这个版本像一针兴奋剂打进了两名工程师的血管——他们的代码产出量直接起飞。而团队里唯一的设计师Nate Parrott，速度没变。
他成了流水线上最慢的那一环。
几个月后，他用业余时间鼓捣出的追赶工具，变成了上线首周被超过100万人使用的产品。它的名字叫Claude Design。2026年4月它正式发布那天，Figma股价当天最多跌了7%。
这个故事值得每一个产品经理和设计师认真读一遍。因为它揭示的不只是又一个AI工具的诞生，而是AI时代里，设计师价值正在发生的根本性迁移。
一、被AI甩在身后的设计师
先说清楚Parrott面临的处境。
Claude Code本来是一个纯终端工具，只能在命令行里敲命令。Parrott的工作是给它做界面，让普通人也看得懂、用得顺。团队就三个人：两个工程师加他一个设计师。Opus 4.5之前，节奏匹配，一切正常。
然后Opus 4.5来了。两名工程师突然开始疯狂交付，功能一个接一个往上堆。Parrott还是原来的速度——画原型、出设计稿、走评审、改稿。不是他偷懒，是设计这个工种天然有大量需要人手完成的环节：排版、配色、组件对齐、品牌规范检查。AI能帮工程师写代码，但没法帮设计师出图。
这恰恰是AI浪潮里最容易被忽略的一面。它最先造成的冲击，不是某个岗位会不会消失，而是打乱了原有工作流之间互相匹配的节奏。工程一旦提速，设计、产品、市场，凡是接不住的环节，都会瞬间变成新瓶颈。
Parrott没有干等。他决定用AI给自己造一件新工具。
二、关键顿悟：别让AI画图，让它写HTML
Parrott最初的思路很直接：把终端输出、几张界面截图和一句需求打包丢给Claude，说"你来设计一下"。结果不理想——AI生成的视觉稿粗糙、不可控、远离专业水准。
接下来大约一个月，他把这件事当成副项目慢慢推进。然后他撞上了那个真正的突破口。
Claude特别擅长写HTML。
大多数人把HTML理解为做网页的标记语言。但Parrott意识到，HTML其实是一种非常丰富的交互视觉媒介：幻灯片、可交互原型、动画、甚至PDF——它们能做的，你都能用一个网页做出来。
于是他不再让Claude"画设计"，而是让它"产出HTML"。他给这个工具搭了一个极简界面：左边聊天，右边实时预览。你说一句，右边就跟着变一下。
这个思路的巧妙之处在于，它绕开了AI生图模型最大的短板——不可控性。AI生图是"一段提示词出一张图"，改一个字整张图重来。而HTML是结构化的：你可以精确控制每个元素的位置、颜色、字体、间距，改一个按钮的颜色不会影响其他任何东西。
但光会写HTML，离"能用"还差很远。
三、品牌系统才是真正的钥匙
Parrott花了大量时间做一件看似枯燥的事：把Anthropic的品牌规范——字体、配色、素材库、设计原则——一点点蒸馏进提示词里。
这样一来，每次让Claude生成设计，产出的结果天生就符合Anthropic的品牌调性。不需要每次新项目都重新跟AI解释一遍你的品牌规范。
后来这个功能被做进了产品里。Claude Design在首次配置时会自动读取你的代码库和设计文件，给团队攒出一套设计系统。之后每个项目都自动套用你的颜色、字体和组件。管理员还能锁定这套标准，防止其他人乱改。
这一点至关重要。因为企业设计最大的痛点不是"能不能生成漂亮的图"，而是"能不能在所有项目中保持品牌一致性"。Canva给你海量模板，但每个项目你都得手动套用品牌色。Figma的组件库很好用，但维护成本不低。Claude Design把品牌系统变成了默认设置——不是你每次去套用品牌，而是品牌系统在每次生成时自动生效。
在Anthropic Labs的一次务虚会上，Parrott发现同事们几乎都在用这个工具拼幻灯片。不少人甚至是在会议进行到一半、快轮到自己发言时，才现场临时赶出来的。就是这一幕，说服了Labs团队正式给项目配人。
一个副项目，就这样转正了。
四、设计到代码的闭环：Figma跌了7%
Claude Design真正让行业震动的，不是它的设计能力，而是它和Claude Code之间的"交接"机制。
当你用Claude Design完成一个界面原型，点击"Export"按钮，系统会自动把完整的设计规范打包成一个"交接包"——包括布局结构、组件规格、品牌变量、交互逻辑。Claude Code接收到这个交接包后，可以直接用于写功能代码。
这是目前业内首个从视觉原型到功能代码生成的完整集成管道。
传统的设计到开发流程是怎样的？设计师在Figma里画好稿，导出标注文件，开发对照标注手写代码。设计改了一像素，开发要跟着改一行。Claude Design把这个过程压缩成了一键操作。
更关键的是，通过MCP服务器，开发者可以让Claude Code直接访问Figma设计文件。设计稿不再是静态的截图或标注，而是AI可以实时读取、理解、引用的活数据源。
市场对这件事的反应很直接。Claude Design发布当天，Figma股价最多下跌超过7%，从20.32美元跌至18.84美元。
而Mike Krieger——Instagram联合创始人、现任Anthropic首席产品官——在Claude Design发布前三天从Figma董事会辞职。这个时间差，不像是巧合。
五、价值前移：设计师从执行者变成决策者
Parrott在复盘文章里说了一句值得反复品味的话：Claude Design"比产品设计高出一层"。
他的意思是，Claude Design不是一个只做界面效果图的工具。幻灯片、落地页、一页纸摘要、邮件、动画、社媒图——只要是用来做视觉沟通的物料，它都能接。它管的是前期：快速探索方向、比较方案、争取共识。真正的生产开发，还是Claude Code的事。
分工很清楚：Claude Design管前期探索，Claude Code管后期实现。二者通过MCP和交接包无缝连通。
这背后是一个更深层的趋势：价值前移。
当模型越来越能代劳写代码，真正值钱的活儿就越向前移。设计师的价值不再在于"出图"——AI可以出图。而在于选方向、建系统、判断好坏、推动共识。这些是AI短期内无法替代的判断力和审美力。
Parrott自己的经历就是最好的证明。当工程师被AI加速后，他没有去学写代码追赶——那样只会越追越远。他选择了用AI给自己造工具，把设计这个环节也加速起来。
而且他造工具的方式本身就很"AI原生"：不是自上而下规划一个产品，而是在真实工作中遇到痛点，用AI解决痛点，解决方案被同事"用脚投票"采纳，最后转正成为正式产品。
AI原生的产品，往往不是被设计出来的，而是被内部真实使用出来的。
Claude Design可以导出PDF、PPTX、HTML，还能一键发送到Canva、Adobe、Gamma、Miro、Replit、Vercel、Wix等工具里接着做。它不试图替代所有设计工具，而是把自己定位为前期探索的入口。这种定位策略，本身就是对设计工作流的深刻理解。
回到最开始那个问题：你有没有被同事甩开过？
在AI时代，这个问题的答案几乎一定是"有"。但Parrott的故事告诉我们，被甩开不可怕，可怕的是站在原地等。用AI给自己造一件新工具，或者找到这样一件工具，打开新局面。
当设计工具不再是工具，而是你的队友时，你准备好和它协作了吗？欢迎在评论区聊聊：你的工作中，哪些环节已经被AI加速了，哪些还在等你的解决方案？