设计工具的"Vibe Design"时代，是真的来了。这次出手的是Anthropic，武器是一个能读你代码库、自动搭建设计系统、还会自己造"调节旋钮"的新玩意儿。
Claude Design来了
◆ ◆ ◆
今天的AI圈，Anthropic又上了一次头条
说实话，这周Anthropic的产品节奏快到我都有点跟不上了。
周四发布Claude Opus 4.7（最强编码模型），周四晚又升级Claude Code，周五Dario Amodei被"请"进白宫谈Mythos——结果4月17日同一天，Anthropic Labs又甩出了一枚重磅炸弹：Claude Design。
这个产品一出，Figma股价应声下跌7%，Adobe也跟着跌。Instagram联合创始人、Anthropic CPO Mike Krieger在此之前已经从Figma董事会辞职——现在看来，那个辞职新闻的伏笔终于被揭开了。
Claude Design是什么？ 一句话：你跟Claude聊两句，它给你生成可交互的设计原型、PPT、落地页、营销海报，你还能直接在画布上改，改完一键交给Claude Code变成真代码。
这不是"AI帮你画张图"那种层面的东西。这是Anthropic正式下场跟Figma、Adobe、Canva抢饭吃。
VentureBeat说这是Anthropic"从基础模型到全栈产品"的分水岭时刻——它不再只是提供底层API，而是亲自做能让终端用户用起来的产品。
设计工具颠覆
◆ ◆ ◆
核心玩法：聊天框在左，画布在右
先说最让我眼前一亮的东西。
Claude Design的界面设计非常直接：左边是对话框，右边是画布。 你在左边打字描述你想要什么，右边实时生成设计稿。
举个官方演示视频里的例子：用户说"给我做一个旋转的地球，各个城市之间用发光的线连接，表示文化在城市间流动。"
Claude刷的一下生成了一个3D地球的原型。然后用户点了一个"tweaks"按钮，输入"加上控制面板"——Claude立刻自己生成了一个带滑块的控制面板，用户可以实时调节地球颜色、旋转速度、连接线样式。
这个"Claude自己造控制器让你调"的设计，是我看完演示最震撼的点。传统设计工具里，你想调一个属性，要先找到工具栏的按钮，打开面板，拖动滑块。Claude Design的逻辑是：你想调什么，AI现场给你造一个专属的调节工具。
有用过的设计师反馈：以前用其他AI工具做一个复杂页面需要20+ prompts，Claude Design只需要2个。这不是量级的差距，这是产品哲学的差距。
Claude Design界面
◆ ◆ ◆
杀手级特性一：自动读你的代码库和设计文件
这个功能要是单拎出来，我觉得就值一个产品发布会。
onboarding阶段，Claude会读你的codebase和设计文件，然后自己搭建一套设计系统。 颜色、字体、组件样式、间距规范——全部自动识别并保存下来。
然后你后面做的每一个设计，都会自动遵守这套系统。你新创建的按钮用的是你品牌的主色调，你生成的卡片遵循你代码里定义的圆角和阴影规范。不用你解释，Claude自己就懂。
这个功能对于企业用户的价值巨大。想想看，一个大厂的设计规范文档可能有上百页，新来的设计师要花几周才能背下来。Claude Design直接把这个"学习成本"降到零——它看一眼你的代码和现有设计，就知道你们家的"设计语言"是什么样的。
更狠的是，你可以维护多套设计系统。比如你公司有面向开发者的B端产品（极简风）和面向消费者的C端产品（活泼风），Claude Design可以同时掌握两套规范，按项目切换。
自动识别设计系统
◆ ◆ ◆
杀手级特性二：和Claude Code无缝闭环
这是Anthropic的绝招，也是竞品最难复制的点。
Claude Design完成后，你可以"打包"成一个handoff bundle，一条指令就能交给Claude Code，直接生成可运行的代码。
传统设计到代码的流程是这样的：设计师在Figma画图 → 导出资源 → 写设计规范文档 → 开会讲需求 → 工程师写代码 → 设计师review → 改来改去。一个功能从设计到上线，中间的摩擦成本大得吓人。
Claude Design + Claude Code的组合，把这个流程压缩成了一条链：描述需求 → Claude生成设计 → 迭代调整 → 一键交给Claude Code → 代码生成。
这个闭环的意义远不止"提效"两个字。它意味着设计和代码之间不再有断点——Claude知道它画的按钮背后对应的是什么组件、什么props、什么事件处理。这些信息作为上下文直接传给Claude Code，代码生成的质量自然比"看图写代码"高得多。
36氪之前那篇《Claude吞噬整个AI编程栈》的文章，现在看起来完全不是夸张。从Claude模型到Claude Code到Claude Design，Anthropic正在构建一个从"想法"到"代码"的完整工作流。
Design到Code闭环
◆ ◆ ◆
导入与导出：不把你锁在Anthropic生态里
这一点要特别提一下，因为很多AI产品都搞"生态孤岛"，但Claude Design的开放性出乎意料。
导入渠道：
-
●纯文字prompt（"做一个XX样式的登录页"）
-
●上传图片、DOCX、PPTX、XLSX文件作为参考
-
●指向你的codebase
-
●Web capture工具：直接从你的在线网站抓取元素，让原型看起来跟真产品一模一样
这个Web capture能力特别有意思。假设你想给自己的产品做一个新功能页面，Claude Design可以直接"吸"你现有网站上的导航栏、配色、字体，保证新页面和旧页面视觉统一。
导出渠道：
-
●组织内部URL分享
-
●保存为文件夹
-
●导出到Canva（双方深度合作，Canva的Design Engine是Claude Design的一部分）
-
●导出PDF
-
●导出PPTX
-
●导出standalone HTML
-
●交给Claude Code
有没有看出来？导出到Canva是个很有意思的细节。The Next Web的报道里说，Claude Design用的是Canva的Design Engine。这意味着Anthropic和Canva不是敌对关系，而是战略同盟——Canva负责可视化引擎，Claude负责AI智能。
进得来出得去
◆ ◆ ◆
协作：设计不再是设计师一个人的事
Claude Design的协作功能，可能会彻底改变产品团队的工作方式。
组织范围的共享，细粒度的权限控制：
-
●保持私有
-
●只读分享（给PM或工程师看）
-
●编辑权限（让多人同时和Claude迭代）
这听起来跟Figma很像？表面上是，但深层逻辑完全不同。
Figma的协作是"多人编辑同一个文件"。Claude Design的协作是"多人参与同一场AI对话"。PM可以在设计稿上留评论："这里加个CTA按钮"；工程师可以问Claude："这个布局的响应式怎么处理？"；设计师可以直接和Claude聊："我想要更大胆的配色方案。"
整个"需求-设计-评审"的反馈闭环，从几天压缩到几分钟。
Muzli的一位设计师评论说得很到位：以前的工作流是"设计师画完 → 分享到Figma → 工程师看 → 开会讨论 → 回去改"。现在的工作流是"所有人都在同一场对话里"。
PM不需要等设计师出稿就能提建议。工程师不需要等设计定稿就能提可行性问题。Claude作为"通用理解者"把这些角色连在一起。
多人协作
◆ ◆ ◆
Figma股价为什么跌？因为Anthropic看到了一块Figma看不到的市场
我跟你讲，这次Claude Design发布最有意思的不是产品本身，而是它瞄准的用户群。
Figma一直是**"设计师的工具"**——你得懂图层、懂路径、懂组件、懂设计规范，才能真正发挥Figma的威力。一个不懂设计的PM在Figma里基本上就是来捣乱的。
但Claude Design瞄准的是**"所有需要做视觉工作的人"**：
-
●专业设计师（让他们探索更多方向）
-
●非设计背景的创始人（把想法快速变成原型）
-
●产品经理（画线框图、做PPT）
-
●营销人员（做社交媒体素材、着陆页）
-
●工程师（写技术文档的配图）
这个用户盘子有多大？我粗估一下，Figma服务的是几百万设计师，Claude Design瞄准的是几亿知识工作者。
这就是为什么Figma股价会跌。不是因为Claude Design抢走了Figma的核心用户（设计师），而是因为它把"做视觉工作"这件事的门槛拉到了地板——以前需要请设计师做的事情，现在PM自己就能搞定。
当大厂的PM都能用Claude Design搞定一份靠谱的产品原型，那些原本每年花几万美金买Figma seats的公司，还有动力继续付钱吗？
用户群对比
◆ ◆ ◆
一个有趣的观察：Vibe Design，继Vibe Coding之后的下一个大趋势
DEV Community上有一篇文章标题起得好：《The Vibe Design Wave, Continued🌊 Claude Design Is Finally Here—Time to Graduate from Figma》
作者在半年前就预言："Vibe Coding之后，下一波浪潮是Vibe Design"——用对话、用感觉、用"调性描述"而不是精确操作去做设计。Claude Design的发布，标志着这个趋势正式从概念走入产品。
什么是Vibe Design？我的理解是这样的：
传统设计：你需要明确知道"我想要14px字号、FFFFFF背景、4px圆角、0.08 box-shadow的按钮"。
Vibe Design：你只需要说"给我一个现代、极简、偏科技感的按钮"——AI就懂。
这个转变的本质，是设计的"原子化操作"被抽象掉了，留下来的是"意图表达"和"审美判断"。
有人会问：这样会不会让设计变得同质化？Hacker News上有这种担忧。一位评论者说："Claude Design demo视频里的例子，都是用英语描述就能做到的事情。菜单、选项、交互时机这些更深层的东西呢？"
这个问题挺有道理的。AI目前擅长做"长得像专业设计"的东西，但不擅长做"真正独特的设计"。 也就是说，Claude Design能让你快速做出"能用、能看"的东西，但做出"让人眼前一亮的独特体验"，可能还是需要真正的设计师。
换句话说：Claude Design把"好"的设计门槛降到了地板，但"伟大"的设计门槛反而抬高了——因为在AI生成的设计海洋里，能做出真正有记忆点的设计，需要更强的审美和创造力。
设计质量金字塔
◆ ◆ ◆
怎么上手？现在就能用
说了这么多，实操怎么用？
访问入口：直接打开 claude.ai/design
账号要求：
-
●Claude Pro（$20/月）✅
-
●Claude Max（$100/月）✅
-
●Claude Team ✅
-
●Claude Enterprise ✅（但默认关闭，需要管理员开启）
使用成本：包含在订阅里，不额外收费。使用量受现有的plan limits约束，需要更多配额可以单独购买。
注意事项：
-
●当前是research preview阶段，功能还在迭代
-
●Anthropic采用逐步放量策略，可能不是所有用户立即可见
-
●已知小bug：inline comments偶尔会在Claude读取前消失（官方建议如果遇到，把重要反馈直接写在chat里）
最佳使用路径（基于Muzli和其他早期用户的经验）：
-
从简到繁：先让Claude生成核心布局，再层层加交互、边界情况、细节打磨
-
多用inline comments：比打字描述"左上角那个按钮"更精准
-
把它当协作者，不是生成器：跟它讨论、反驳、引导，而不是一次性prompt到位
-
别忘了设计系统：一开始花点时间让Claude读你的代码库，后面的每个项目都受益
使用流程
◆ ◆ ◆
写在最后
这一周Anthropic发布的三个东西——Claude Opus 4.7、Mythos争议、Claude Design——合在一起勾勒出了一个非常有野心的图景。
模型层：Opus 4.7把编码能力拉到新高。
安全层：Mythos展示了AI的网络安全双刃剑能力。
应用层：Claude Design把AI能力从API变成普通人能用的产品。
这三个加起来告诉我们一个信号：Anthropic已经不甘心只做一个模型提供商，它要做"AI原生时代的微软"——从底层操作系统（模型）到中间件（API）到终端应用（Design、Code等），全链路自己下场。
对用户来说，这是好事。Claude Design降低了设计门槛，让更多人能把想法可视化；跟Claude Code的闭环又让设计能直接变成代码。一个没设计背景的创始人，现在真的可以一个人从想法到上线产品。
对Figma、Adobe这些老牌设计工具，日子恐怕不那么好过。他们需要回答一个灵魂问题：当AI能生成90%够用的设计时，你那些精雕细琢的像素级工具，还值不值得用户每月付几十刀？
我自己的预测：Figma不会被杀死，但它的边界会被重新定义——从"所有设计工作的中心"，变成"专业设计师做高级工作的地方"。而大量的日常设计需求，会被Claude Design这样的对话式工具接管。
2026年真是魔幻。去年还在讨论"AI能不能做简单设计"，今年就到了"AI能不能做独特设计"的层面。明年这个时候，我们可能在讨论什么？
你最近用Claude Design了吗？体验怎么样？评论区来聊聊。
