一句话定位
不是让 AI 画图，而是让 AI 做设计师。
用对话描述需求 → Claude 生成设计稿 → 评论/滑块/直接编辑迭代 → 导出 Canva / PDF / PPTX → 或直接交给 Claude Code 变成代码。
2026 年 4 月 17 日，Anthropic Labs 推出 Claude Design——一个对话驱动的 AI 设计工具[1]。它不生成图片（那是 Midjourney 的事），而是生成结构化的设计产出物：原型、幻灯片、线框图、营销物料、仪表盘。由前一天发布的 Claude Opus 4.7 驱动，这是 Anthropic 首个专门为视觉创意优化的模型[2]。
幕后：谁在做这件事
Mike Krieger — Labs 联合负责人
Instagram 联合创始人兼前 CTO。2024 年加入 Anthropic 担任 CPO，后转任 Labs 负责人（向 Daniela Amodei 汇报）。发布前 3 天辞去 Figma 董事会职务，向 SEC 做了披露[3]。
Ben Mann — Labs 联合负责人
Anthropic Labs 联合负责人。Labs 作为独立 R&D 单元运作，年初团队组建，计划 6 个月内人数翻倍。
Mike Krieger 从 Figma 董事会辞职这个动作本身就是一个信号——它意味着 Anthropic 内部认为 Claude Design 与 Figma 之间存在潜在的利益冲突，严肃到需要提前做 SEC 披露。
四种迭代方式
1. 对话 (Conversation)
最基础的方式——用自然语言描述你想要什么，Claude 生成或修改设计。"把按钮改成圆角"、"加一个深色模式切换"。
2. 内联评论 (Inline Comments)
直接在设计元素上标注修改意见，类似 Figma 的评论功能。已知 bug：评论偶尔消失。
3. 直接编辑 (Direct Edits)
点击任何文字直接修改内容——不需要跟 Claude 说话，改完就是改完了。
4. 自定义滑块 (Custom Sliders)
Claude 根据设计内容自动生成调节滑块——间距、颜色深浅、字号、布局密度。这不是预设选项，而是 Claude 理解设计后动态创建的交互控件。这可能是最有创意的一个功能。
导出：六种去处
核心卖点：Design → Code 闭环
这是 Claude Design 最核心的差异化——设计完的东西可以一键交给 Claude Code 变成生产代码。
描述需求
→
Claude Design 生成
→
迭代审阅
→
Claude Code 实现
VentureBeat 的评价[4]："你拿到的是已经迭代过、已被审批的 HTML 或组件代码。你不再需要重新构建 Figma mockup。"整个链路——探索 → 原型 → 生产代码——全部在 Anthropic 生态内完成。
使用限制：30 分钟耗尽一周额度
| 计划 | 访问 | 用量 |
|---|
| Free | 不可用 | — |
| Pro ($20/月) | 可用 | 每周限额（实测约 30 分钟[5]） |
| Max | 可用 | 每周限额（更高） |
| Team | 可用 | 按座位类型分配 |
| Enterprise | 可用（默认关闭） | 管理员手动启用 |
PCWorld 实测警告[5]：Pro 用户在使用约 30 分钟后就耗尽了整周限额。Claude Design 是"token-hungry"的——因为用 Opus 4.7 驱动，每次交互消耗大量 token。用量独立计量，不影响聊天和 Claude Code 的额度。
市场冲击：Figma 股价跌 7.28%
Claude Design 发布当天，Figma 股价下跌 7.28%，收于 $18.84[6]。但 Figma 的反应速度也很快——同一天就发布了反击产品。
Figma 的反击：Claude Code to Figma
Figma 同日发布了
Claude Code to Figma 集成——从 Claude Code 运行中的 UI 捕获截图，转换为可编辑的 Figma 框架
[7]。这是一个"Code → Canvas"的
反向流程，巧妙地利用了 Claude Code 的生态反过来导流到 Figma。
Canva 的态度：合作而非对抗
Canva 是 Claude Design 的官方合作伙伴——设计可一键导出到 Canva 继续编辑。Canva CEO 公开表示"excited to build on our collaboration"。Canva 选择了和 Anthropic 站在一起[1]。
与 Artifacts 的区别
| 维度 | Artifacts | Claude Design |
|---|
| 定位 | 聊天内嵌预览 | 独立设计工作台 |
| 入口 | 聊天窗口右侧面板 | claude.ai/design（调色板图标） |
| 模型 | 各种 Claude 模型 | 专用 Opus 4.7 |
| 协作 | 单人 | 多人实时协作 + 权限管理 |
| 设计系统 | 无 | 自动读取品牌色/字体/组件 |
| 团队 | 核心产品团队 | Anthropic Labs（独立 R&D） |
竞品格局
| 竞品 | Claude Design 的差异 |
|---|
| Figma | 不正面竞争协作设计市场，而是切入"非设计师快速出视觉"的空白。但股价反应说明市场认为存在替代效应。 |
| Canva | 官方合作伙伴。Claude Design 做创作，Canva 做后续编辑和分发。 |
| v0.dev | 同类"文本→UI"工具，但 Claude Design 覆盖面更广（不仅 UI，还有幻灯片/营销物料），且有设计系统自动应用。 |
| Galileo AI | 同类 AI 生成 UI。Claude Design 的壁垒是 Opus 4.7 视觉理解 + Code 闭环交付。 |
| Lovable | 发布当天即宣布整合 Opus 4.7，限时双倍积分应对。 |
社区怎么看
Hacker News 上 6 小时内获得 662 points、449 条评论[8]。
正面
"设计师 30 秒就能拿到想法的视觉呈现，而不是 45 分钟电话会。"
"95% 的场景下，标准化、一致的设计比手工匠心更有商业价值。"
"给了我们许可，让我们不再做那些繁忙的排版活。"
质疑
"你会得到一个够用的 UI，但没有任何真正独特或令人惊叹的东西。"
"很多公司会说'这够好了'，然后不雇 UI/UX 设计师。"
有 25 年经验的设计师 Molly McCoy 将 AI 设计比作"一台没中奖的老虎机"——对一次性社交素材有用，但距离印刷品质量还差得远[9]。
Anthropic 的产品矩阵
Claude Chat 对话（文本输入 → 文本输出）
Claude Code 编程（需求 → 代码）
Claude Design 设计（需求 → 视觉产出物）
Claude Routines 自动化（事件 → 自动执行）
Managed Agents 平台（B2B 多用户 Agent）
Claude Design 补上了"视觉"这一块。Anthropic 的野心已经很清楚了——不是做一个更好的聊天机器人，而是做一个覆盖"想→做→交付"全链路的 AI 工作平台。Chat 管"想"，Design 管"看"，Code 管"做"，Routines 管"自动化"。
编辑观点
Claude Design 最有趣的不是"AI 能做设计了"——这件事 v0、Galileo、Lovable 都在做。最有趣的是谁在做和怎么做。
谁：Instagram 联合创始人，地球上做过最成功的视觉产品之一的人，辞掉 Figma 董事来做这件事。
怎么做：不是独立的设计 SaaS（那是 Figma 的战场），而是嵌入 Anthropic 的 AI 工作流生态——Design→Code 闭环意味着设计不是终点，而是代码的起点。
但 30 分钟耗尽一周额度的使用限制是一个真实的问题。如果你是一个需要频繁迭代的设计师或 PM，Pro 计划的额度远远不够。这说明 Opus 4.7 驱动的视觉推理在算力消耗上是昂贵的——Anthropic 可能还在找商业化和用户体验之间的平衡点。
Anthropic 不想只做你的聊天伙伴。
它想做你的整个工作台。
参考文献
[1] Anthropic — Introducing Claude Design by Anthropic Labs — anthropic.com
[2] Anthropic — Introducing Claude Opus 4.7 — anthropic.com
[3] TechCrunch — Anthropic CPO leaves Figma board — techcrunch.com
[4] VentureBeat — AI tool that turns prompts into prototypes and challenges Figma — venturebeat.com
[5] PCWorld — I tried Claude Design for half an hour. I'm already locked out for a week — pcworld.com
[6] Gizmodo — Anthropic Launches Claude Design, Figma Stock Immediately Nosedives — gizmodo.com
[7] Figma Blog — Introducing Claude Code to Figma — figma.com/blog
[8] Hacker News — Claude Design discussion — news.ycombinator.com
[9] The Register — Anthropic debuts Claude Design, because who needs designers? — theregister.com
[10] Claude Help Center — Get started with Claude Design — support.claude.com
[11] MacRumors — Anthropic Debuts Claude Design — macrumors.com
[12] 9to5Mac — Anthropic launches Claude Design following Opus 4.7 — 9to5mac.com
本研报由 AI 辅助撰写，数据截至 2026 年 4 月 18 日。