Claude Design来了!AI设计工具围攻Figma!

4 月 17 号，Anthropic 正式发布了 Claude Design.

这个消息在设计圈引起了不小的震动。当天，Figma 的股价下跌了 7.28%，Twitter 上有用户评论：「Figma 的股价在一条推文发布后几小时内就下跌了 7%——这不是产品发布，这是市场信号。」

更值得注意的是时间线：4 月 14 号，也就是 Claude Design 发布前三天，Anthropic 的 CPO Mike Krieger 从 Figma 董事会辞职。Mike Krieger 是 Instagram 的联合创始人，他的这个动作，让整个事件显得意味深长。

这里需要解释一下 Mike Krieger 的双重身份：他既是 Anthropic 的 CPO（首席产品官），这是他的全职工作；同时也是 Figma 的董事会成员，这是兼职董事职位。在硅谷，高管担任其他公司的董事会成员是很常见的做法——董事会成员不是公司员工，而是提供战略建议和监督的角色，通常每季度开几次会。

但当 Anthropic 决定推出直接竞争 Figma 的产品时，这个双重身份就变成了明显的利益冲突。Mike Krieger 在产品发布前三天辞去 Figma 董事会职位，这个时间点的选择，显然不是巧合。

Claude Design 的产品定位

Claude Design 不是一个简单的 AI 图像生成工具，而是 Anthropic 对设计工具市场的一次战略性布局。

回顾过去一年，Claude 的产品线一直在构建完整的工作流闭环：Claude Code 负责代码编写，Claude Cowork 负责任务管理，但设计环节始终是空白。开发者用 Claude Code 写完代码后，仍然需要切换到 Figma 制作原型；产品经理用 Claude Cowork 整理完需求后，还要去 Canva 制作演示文稿。

Claude Design 的发布，正是为了填补这个断层。

Claude Design 是由 Claude Opus 4.7 驱动的 AI 设计工具，你用对话就能做 prototype、简报、landing page，还能导出 PPT、PDF、Canva，或者直接打包丢给 Claude Code 变成上线产品。

Anthropic 的原话很刻意，他们说「Opus 4.7 是我们最强的 vision model」，连「image generator」这个词都不用。

因为它生的不是图，是功能性的设计物件，可互动的 prototype、可编辑的简报、可导出成网页的 landing page。

这个定位，其实就是在说，我们不是来跟 Midjourney 抢生图市场的，我们是来抢 Figma 和 Canva 的市场的。

官方案例

交互式着色器壁纸

用户只需描述需求，Claude Design 就能生成五种不同的交互式壁纸，随鼠标位置和点击产生动态效果。

Imagine you’re creating a wallpaper for a futuristic operating system. We want it to feel interactive and fun to fidget with. Create five different interactive shader wallpapers that react to mouse position, and maybe clicks.

彩虹光泽卡片

AI 生成带有透视悬停效果和光晕的单色扑克牌，亮部呈现彩虹色，并根据鼠标位置产生镜面反光效果。

Create a monochromatic playing card. Display it on the page with a rich perspective hover effect and glow. The bright areas should be iridescent; there should be a subtle noise texture and specular glow that reacts to the mouse position. Add tweaks for as many aspects of this effect as you can.

应用引导流程

为共享单车应用生成完整的 iOS 注册流程界面，采用蓝色和橙色的现代配色方案，多个屏幕展示在画布上。

Create a simple iOS signup flow for a bikesharing app. Show screens on a canvas. Blue + orange modern color scheme.

文字流式动画

在响应式网格中生成 10 种不同的聊天应用文字流式动画效果，每个单元格展示用户提问和流式响应，黑白配色循环播放。

On a responsive grid, animate 10 different text-streaming animations for a chat app; sample each one in a 300×300 cell; show a user question and stream a response below. Loop it. Monochrome.

文字粒子特效

创建可编辑的文本框，针对特定词汇（如“Fire”、“Smoke”、“metal”、“wind”）自动渲染匹配的视觉和粒子特效。

Create a very large editable text box, pre-filled with sample text. For certain words like “Fire”, “Smoke”, “metal”, “wind”, render visual + particle effects that match the word.

这是官方重点强调的功能。在新用户引导（Onboarding）阶段，用户可以上传代码库或现有设计文件，Claude Design 会自动读取并构建团队的设计系统——提取品牌色、字体规范、组件样式等设计元素。

之后所有项目都会自动应用这套品牌风格，用户不需要在每次对话中重复描述品牌规范。这个功能对企业用户尤其重要，确保了输出内容的视觉一致性。

静态视觉稿转可交互原型

设计师常见的痛点是：静态视觉稿无法用于用户测试，但要让它「动起来」就需要写代码。Claude Design 可以将静态设计稿直接转换为可点击、可输入、带状态切换的交互原型，不需要提交 PR，不需要代码审查，就能发送给用户收集反馈。

生成的原型不是静态图片，而是真正可在浏览器中运行的 HTML 原型，支持表单填写、页面跳转、状态切换等交互行为。

对 Figma 的冲击

Figma 目前占据 UI/UX 设计市场 80-90% 的份额，是事实上的行业标准。

Claude Design 的出现，最直接的影响是大幅降低了设计门槛。传统流程中，制作原型需要掌握 Figma 操作、理解设计基本原则、具备排版配色能力。而 Claude Design 只需要用自然语言描述需求。

Reddit 上有个讨论很有代表性：「客户以后会开始问，为什么我们不能直接跟 Claude 说想要什么？」这个问题触及了核心矛盾——当 AI 可以直接将需求转化为设计时，传统设计工具的价值主张需要重新定义。

当然，Figma 的护城河依然存在：多年积累的专业工具、实时协作能力、成熟的插件生态、完善的版本管理和开发者交接流程。这些能力，Claude Design 目前都不具备。

但 Claude Design 采取的是「楔子策略」，并非正面竞争。

Anthropic 很清楚，在团队协作和像素级精修这些 Figma 的核心优势上，他们难以超越。但市场上存在另一个庞大的用户群体：开发者、产品经理、创业者、小团队——这些「非设计师但需要快速产出设计」的人。

这个群体过去的选择有限：要么学习 Figma，要么外包给设计师，要么用 Canva 简单处理。Claude Design 提供了第四个选项，而且这个选项与 Claude Code 无缝衔接，可以直接从设计转换为代码，形成完整的产品开发闭环。

Google Stitch 的竞争态势

除了 Claude Design，另一个值得关注的玩家是 Google Stitch。

3 月 20 号，Google 将 Stitch 升级为 AI 原生设计画布。它的核心功能与 Claude Design 类似：用自然语言描述界面需求，AI 生成设计。

Stitch 的差异化特性包括：

1. 语音控制：支持实时语音指令，如「给我三种不同的菜单选项」「切换到深色模式」

2. 定价策略：完全免费，每月提供 350 次生成额度

3. 生态集成：可直接导出到 Google AI Studio，对 Google 开发工具用户非常友好

目前的市场格局是：Claude Design 从 Anthropic 生态切入，Google Stitch 从 Google 生态切入，两者都在向设计工具市场渗透。Figma 作为传统设计工具的领导者，正面临来自两个 AI 巨头的双向挤压。

对设计行业的三重影响

这次技术变革对设计行业的影响，可能比表面看起来更深远。

第一，设计的起点发生了根本性转变。

传统设计流程的起点是空白画布，设计师需要逐个搭建组件。AI 设计工具将起点改为自然语言描述，系统生成初稿，设计师进行迭代优化。

这不仅是工具层面的变化，更是工作模式的重构。设计师的核心价值从「从零到一的创造」转向「从一到十的精炼」——从「将想法可视化」转变为「将 AI 生成物打磨至完美」。

第二，设计与开发之间的边界正在消解。

传统流程中，设计和开发是两个独立环节：设计师在 Figma 创作，开发者在 VSCode 编码，中间存在明显的交接断层。

新工具打破了这个边界：Claude Design 直接对接 Claude Code, Google Stitch 无缝导出到 AI Studio。设计到代码的转换从「跨部门协作」变成了「同一工作流的不同阶段」。

第三，「设计能力」的定义正在改写。

过去，设计能力等同于：熟练使用 Figma、掌握排版原则、理解配色理论、构建视觉层级。

现在，设计能力可能更多指向：精准描述需求、有效提出修改意见、准确判断 AI 生成物的质量。

这个转变对不同群体的影响截然不同：对非设计专业人员，门槛大幅降低；对专业设计师，则需要重新定义自己的核心竞争力。

AI 工具的边界

尽管技术进步显著，但 AI 设计工具仍有明确的能力边界。

Claude Design 可以快速生成原型，但无法产出突破性的创意概念。它能应用现有设计系统，但无法创造全新的设计语言。它能提升执行效率，但无法替代设计师对用户的深度理解、对体验的敏锐洞察、对细节的精准把控。

Twitter 上有位设计师的观点很有启发性：「AI 让我从画图的人变成了审图的人，但审图可能比画图更重要。」

这个转变的本质是：设计师的时间分配从执行层面转向判断层面——判断设计是否真正解决用户问题，判断体验是否流畅，判断视觉是否准确传达品牌调性。

这些高阶能力，至少在现阶段，仍然是 AI 无法企及的领域。

历史的转折点

几个时间节点值得对照：

• 2008 年，iPhone 发布，诺基亚 CEO 回应：「我们不担心，因为我们有更好的硬件」

• 2012 年，Instagram 被 Facebook 收购，同年柯达申请破产

• 2016 年，AlphaGo 战胜李世石，许多人仍坚持「AI 永远学不会创造」

• 2026 年 4 月 17 日，Claude Design 发布，Figma 股价单日下跌 7.28%

十年后回望，这一天是否会被记录在「AI 改变设计行业」的时间线上，现在还难以定论。但可以确定的是，变化已经开始，而且是非线性的加速变化。

AI 的角色正在从「辅助工具」转变为「基础设施」，从工作流程的可选项变成必选项。

问题也从「AI 会不会取代设计师」演变为「不使用 AI 的设计师，是否会被善用 AI 的设计师取代」。这个问题虽然尖锐，但值得每个从业者认真思考。

写在最后

经过一天的密集测试，Claude Design 的不足很明显：协作功能基础，生成设计偶有瑕疵，代码导出质量不稳定。它远非完美产品。

但它展示的可能性更值得关注——「从想法到产品」的距离被大幅压缩。

传统流程：概念→找设计师→制作原型→找开发→编写代码→测试，周期通常以周计算。

新流程：自然语言描述→AI 生成设计→AI 转换代码→可运行原型，周期压缩到小时级别。

这不是效率的线性提升，而是工作模式的质变。

这类工具的价值不在于取代某个职业，而在于降低创造的门槛：让有想法但缺乏技术能力的人也能实现创意，让专业人士能将时间投入到更高价值的工作中。

对于从业者，保持对新工具的敏感度和学习能力，比以往任何时候都更重要。技术迭代不会等待任何人做好准备。

▪️感谢你的阅读，如果觉得有帮助，随手点个关注,赞👍🏻和推荐♡吧~

▪️这里是Cyber.阿雷克西，欢迎评论区留言分享你觉得好用的 AI 产品 / 工具~

▪️或许会在不经意间帮助到更多朋友~ 我们下期见~