Anthropic发布Claude Design的那天,Figma股价跌了7%。Figma在UI/UX设计市场占有率高达80-90%,而一家AI初创公司的一款设计工具就造成了这样的冲击。更耐人寻味的是,Anthropic CPO迈克·克里格在发布前三天就辞去了Figma董事会职务。
这是什么?
Claude Design是Anthropic Labs推出的AI设计工具。用文字描述你的需求,它就能生成设计、原型、幻灯片、单页文档和营销材料。它由最新的视觉模型Claude Opus 4.7驱动,Pro、Max、Team、Enterprise订阅用户无需额外付费即可使用。
这不只是"画漂亮图的AI"。核心功能是设计系统自动适配。在初始设置时,它会读取团队的代码库和设计文件,学习颜色、字体和组件,然后自动应用到之后的所有项目中。教育科技公司Brilliant表示,在其他工具中需要20多个提示才能完成的复杂页面,在Claude Design中只需2个提示就搞定了。
零设计经验的产品经理、市场人员和创始人现在只需一句话就能创建交互式原型 — 这才是Figma真正紧张的原因。
Datadog的产品团队表示"过去需要一周的简报、样稿、评审循环,现在一次对话就搞定了"。设计完成后,可以交接给Claude Code直接转化为实际代码。从创意到原型到生产代码,在Anthropic生态系统内形成了闭环。
Anthropic的年化收入从2025年底的90亿美元飙升至2026年4月初的300多亿美元,投资者以约8000亿美元的估值抛出橄榄枝。这已经不是"只做模型的AI实验室"了,而是一家涵盖设计、编程、工作助手的全栈产品公司。
到底有什么不同?
Claude Design与现有设计工具最大的区别在于用户门槛。Figma需要训练有素的设计师,Canva也要求基本的设计感觉。Claude Design的出发点是"能写句子就能做设计"。
| Claude Design | Figma | Figma Make(Beta) | |
|---|---|---|---|
| 起步方式 | 文字提示 | 空白画布 | 文字提示 |
| 设计系统 | 代码库自动学习 | 手动搭建 | 按项目附加 |
| 使用模型 | Claude Opus 4.7 | - | Claude Sonnet 4 |
| 导出格式 | PDF、PPTX、Canva、HTML、URL | Figma文件 | Figma文件 |
| 代码交接 | 一键交接Claude Code | 开发者手动实现 | 无 |
| 目标用户 | PM、市场人员、设计师 | 专业设计师 | Figma用户设计师 |
| 价格 | 订阅包含(Pro $20/月起) | 免费至团队付费 | $20 + AI积分 |
Figma Make也支持AI原型设计,但它只能在Figma内部运行,而且有一个已知的弱点——会忘记之前的设计决策。Claude Design在整个会话中保持一致性,并支持更多导出格式。
当然,Claude Design目前还不能完全取代专业设计师的Figma工作流。Anthropic自己也强调这是"补充而非替代",并以Canva集成作为证明。但将设计用户群体扩展到非设计人员本身就是对Figma的威胁。市场的蛋糕正在改变。
核心上手指南
- 确认订阅
需要Claude Pro($20/月)、Max、Team或Enterprise。在claude.ai/design访问。Enterprise组织需要管理员单独开启。 - 连接设计系统
在初始设置中连接团队的代码库或设计文件。Claude会自动学习品牌颜色、字体和组件。代码库越整洁,效果越好。 - 用提示生成首个设计
用自然语言描述你想要的——"做一个冥想应用的原型,用平静的色调和简洁的布局"。也可以上传图片、文档(DOCX/PPTX/XLSX),或用网页抓取工具获取现有网站的元素。 - 通过内联编辑优化
在生成的设计上直接评论,编辑文字,或使用Claude生成的自定义滑块微调间距、颜色和布局。 - 导出或交接给Claude Code
导出为PDF、PPTX、Canva或独立HTML。准备好构建时,将交接包传递给Claude Code直接转化为代码。



