Anthropic 又憋大招！Claude Design 上线，发布当天 Figma 股价跌了 7%
Anthropic 在 4 月 17 日发布了一个叫 Claude Design 的实验性产品，定位是用自然语言快速生成原型图、幻灯片、单页文档这类轻量设计资产。
Anthropic 在 4 月 17 日发布了一个叫 Claude Design 的实验性产品，定位是用自然语言快速生成原型图、幻灯片、单页文档这类轻量设计资产。
这是 Anthropic Labs 名下的研究预览项目，背后跑的是刚升级的 Opus 4.7 视觉模型，Pro、Max、Team、Enterprise 订阅用户可以直接用，不需要额外付费。
image-20260420211524013
这不是又一个文生图工具
看到AI 生成视觉内容第一反应可能是 Midjourney 那种图像生成，但 Claude Design 要解决的问题完全不同。
它做的是把一个模糊的描述变成结构化文档或界面，说白了就是自然语言生成原型图或者UI设计图。
除了文字描述，还支持上传 DOCX、PPTX、XLSX 文件，甚至可以用 web capture 工具直接抓取公司网站上的元素。
官方演示里有个场景，是把一份 Excel 数据表丢进去让它生成带图表的一页纸汇报，或者把 Figma 设计稿的截图扔进去做成可交互的原型。
生成之后的调整也不局限于继续对话。你可以直接在结果上加评论、改文字，Claude 还会根据内容动态生成滑块，让你拖着调颜色、间距、密度。
这个交互模式比纯聊天更接近传统设计工具的使用习惯，也是它和 v0、Lovable 这类产品在体验上拉开差距的地方。
Claude Design 主界面，展示对话、评论、动态滑块的调整方式
design system 部分
真正让 Claude Design 区别于前辈的，是它处理品牌一致性的方式。onboarding 阶段它会读取你的代码库和设计文件，自动提取出一套 design system，包括颜色、字体、组件规范。之后每次生成都会套用这套规范。
对于有一定规模的产品团队，这个功能的价值其实超过生成本身。以前做原型要么是产品经理在 Figma 里用设计系统的组件手工拼，要么是让 AI 生成但和实际产品风格脱节。
Claude Design 想补的就是这个中间环节，生成出来的东西用的是你实际的组件、样式和架构，而不是 AI 自己虚构的一套。
导出这块也考虑了多种场景。除了常规的 PDF、PPTX、HTML 和 URL 分享，还能直接把项目推到 Canva 继续编辑，或者打包给 Claude Code 去做实际的代码实现。
image-20260421153920671
从接入 Figma MCP 到推出 Claude Design
今年 3 月 Claude Code 刚把 Figma MCP 接进来，让开发者可以在命令行里直接引用 Figma 设计稿生成代码。那时候讨论的焦点还是AI 和设计工具终于打通了。不到一个月，Anthropic 就把自己的设计产品端出来，而且背后用的就是从 Figma 挖过来的前 CPO Mike Krieger 主导的产品思路。
这个节奏可以看出来两点。一是模型厂商的迭代速度已经快到让单一能力的工具站稳脚跟都很难，原本 AI + Figma 的协同模式还没形成新的工作流习惯，AI 端就自己做了一个替代路径。
二是 Anthropic 在产品线上越来越聚焦AI 原生的产品开发闭环这条线。写代码靠 Claude Code，做 PPT 靠 Claude for PowerPoint，画原型和 UI 靠 Claude Design，设计系统靠读你的代码库自动提取。
每一步都在试图把开发者、产品经理、独立创业者从想法到成品之间的环节往自己碗里拢。
不过我的判断稍微保守一点。说它打通了产品开发每一个环节有点过。Anthropic 真正在做的是以编码为核心的相邻能力扩张，设计是编码的相邻能力，文档和 PPT 也是，但销售、运营、客服这些离代码远的环节它并没有动。
产品发布那天 Figma 股价掉了 7%
Claude Design 发布当天 Figma 股价下跌 7.28%。
从官方定位和几家媒体的早期评测看，它瞄准的不是专业设计师的精细化 UI/UX 工作，而是那些不是设计出身，没有高级的审美但是需要产出好看高级的视觉内容的人。
独立开发者，创业者，甚至非技术人员也可以做出比较优质的前端效果，这是Claude Design 的优势，在这之前需要依靠skill 或者第三方你的设计软件，比如stitch/figma等。
不过Figma 作为多人协作和精确设计的阵地短期内替代不了。
更准确的对标其实是 Canva、Lovable、v0 这几家。Canva 强在模板和 marketing 素材，Lovable 直接生成可部署的 web 应用，v0 更偏纯 React 组件输出。
Claude Design 想把这几条路径揉到一个对话式入口里，然后靠 design system 和 Claude Code 的衔接把自己和其他几家区分开。
Claude 把设计开发这套流程越做越丝滑了，把用户锁定在它的产品里面。
对知识工作者意味着什么
最容易立即产生价值的三类场景，一是汇报材料，把已有文档转成结构化的一页纸或幻灯片；
二是方案演示，快速出一个可点击的原型让业务方看效果；
三是营销素材，landing page、产品介绍的初稿。这些场景的共同特征是对精细度要求不高，但对速度和结构化要求高，正好是对话式生成的强项。
反过来说，真正的产品 UI 细节、品牌核心视觉物料、需要反复推敲的设计决策，这些仍然要回到 Figma 或者专业设计师手里。
工具链的趋势是各自守住自己最擅长的那段，然后靠互相导入导出打通，而不是指望一个工具通吃。Claude Design 加上 Figma 加上 Canva 这种组合，短期内大概率还是效果最好的。
上手实测
开通 + 创建项目
访问 claude.ai/design，Pro 和 Max 订阅默认已开通。主界面切 Prototype 标签，给 Project name，选 High fidelity（Wireframe 是黑白线框图，没啥测试价值）。
Prototype 创建界面
如果你想让生成贴合现有产品的视觉风格，可以先点左下角 Set up design system，粘贴 GitHub 仓库地址（私有仓库建议只授权要测的那一个），或者拖本地文件夹、.fig 文件。过程是边跑边 review，每出一组结果让你点 Looks good 或 Needs work。
Review draft design system 界面
5 分钟后拿到一套完整骨架：Typography、Colors、Spacing、Components、Brand 每个分类都有具体卡片。**风格定性、主色、字体、调性都和真实站点对得上。**不想关联也可以跳过，用默认风格生成。
生成的 Design System 面板
生成新页面
指令："基于这套 design system 做一个具体工具的详情页"。它给回来的不只是一张设计图——除了页面本身，还有一整套 React 组件，相当于一份能 npm install 跑起来的前端脚手架。
它会主动复用原站点的细节在新页面里呼应，比如某句标语或某种独特的交互表达。这些不是 prompt 要求的，是它读代码时自己记下来的。
每次迭代它都自动跑一个 verifier agent，把页面渲染一遍、截图、标上 Verifying 让你确认。v0 和 Lovable 都没有这一步。
长文转 PPT
回主界面切 Slide deck 标签，丢一篇长文让它转 10 页 PPT。
生成的 PPT 页面
章节分割标记、display 级中文大字、代码块与正文内嵌混排、场景化插画、页脚分页信息。
每一页都有完整的编辑面板，Font、Size、Color、Line、Tracking、Width、Padding 这些属性和 Figma 的粒度一模一样，可以细调到像素级。
PPT 编辑面板
中间它也在自己 debug 排版。
代码落地
右上角 Export 选 Handoff to Local Coding Agent，得到一段 prompt。然后启动 Claude Code 粘贴执行。
Claude Code 终端输出：All verification passed
十来分钟后它给出完整终端报告。
约束被严格遵守。 Untouched 那行列得清清楚楚，全局文件一个都没动。
自己跑了四层验证才说完成。 类型检查、lint、生产构建、甚至用 Playwright 跑了一遍真实文件上传的端到端测试。这一步我没要求。
它偷偷做了超出范围的优化。 原型里那个假进度条被换成真实进度——从后台处理阶段实时映射到 UI 显示。
Claude Design 在 web 沙盒里生成所有文件，授权是只读访问，不会写回你的仓库。想把成果落到本地项目，唯一路径就是上面的 Handoff（支持本地终端和 Claude Code Web 两种模式）。
image-20260421160116952
实测结论
从设计稿到本地可运行的生产代码，全程只需要一次复制粘贴。
Claude Design 不是生成工具，是设计 agent，自我修复渲染错误、主动做设计决策、自动验证交付物。
Anthropic 在做自己的闭环。他们的野心是一个人从想法到上线产品，中间不需要任何协作。
回到开头那个问题：为什么 Claude Design 发布当天 Figma 股价跌了 7%？
市场真正担心的不是 Claude Design 这一个产品，是它身后的那条链路。Anthropic 把独立开发者从想法到上线的每一步都做了自己的工具，而且每一步的质量都在追上专业工具。今天轮到 Figma，下一个被做完的可能是任何一个今天还在 SaaS 工具里活得好好的产品。
这才是值得警惕的事。