上周有个朋友转了个推文给我,标题叫“Claude Design 让 Figma 彻底死亡”。我第一反应是——又是哪个自媒体在搞流量。转念一想,Claude 最近的截图理解能力和界面生成确实夸张,打开 Claude Code 直接甩一张手绘草图,它就能给出 React + Tailwind 的代码,并且几乎像素级对齐。
我试了几次,效果真不错。但这事跟 Figma 死亡有半毛钱关系吗?——我认为没有。甚至可以说,Claude Design 跟 Figma 根本不在同一个赛道上。
什么叫“设计工具”?
我用 Figma 快四年了。不是专业设计师,但做前端原型、画组件树、跟设计师对齐视觉稿,都得靠它。Figma 给你的是一张无限画布和一套图形操作范式——钢笔、布尔运算、自动布局、组件变体。这些操作的底层是二维几何,上层是设计系统。你要画一个按钮,得拖一个矩形,调圆角,改颜色,加文字,再做成组件。你脑子里想的是“这个按钮的 hover 状态应该比常态深 10%”。
Claude Design 的工作方式完全不同。你给它描述:“一个蓝色圆角按钮,hover 时变深蓝色,文字白色加粗”。它直接吐出代码。它不产生“设计文件”,它产生“设计结果”。你没法在它生成的界面里继续拖拽调间距——你得改 prompt 或者改代码。
所以这不是替代关系。Figma 卖的是工具能力,Claude Design 卖的是设计自动化的输出端。就像一个画家的笔和颜料 vs 你告诉他“画一只猫”然后他直接给你一幅成品。对于一个需要反复修改、多人协作、版本管理的设计流程,闭环在 Figma 里完成是痛苦的,但闭环在 prompt 里更痛苦。
真正被冲击的,不是 Figma,而是“设计”这个词的语义
我跟一个做设计系统的朋友聊过。他说现在团队里的初级设计师有点慌——老板开始用 Claude 生成一堆界面,然后说“照着这个写代码就行,不需要设计稿了”。我没法反驳,因为对于很多非核心的着陆页、设置页、仪表盘,这种模式确实够用了。
但问题在于:当一个业务的界面需要思考信息层级、用户流、可访问性、品牌一致性时,Claude 生成的单页看起来再漂亮,放到整体里也是碎片。你没法让它理解“这个弹窗应该在同一个设计系统里复用”这种约束——除非你把整个设计系统喂给它,且每次都要在 prompt 里指定。
我试过把 Ant Design 的组件库文档整个塞进 Claude 上下文(1M tokens 确实够大),然后让它生成一个符合我们现有设计色的页面。结果还行。但当我改了一处颜色定义,所有之前生成的页面都得重新生成一遍。没有 Figma 里改一个 token 全部同步的便利。
所以 Claude Design 真正挑战的,是那些把“设计”等同于“画界面”的人。它证明了一件事:如果你的工作只是把需求描述变成像素布局,那 AI 确实比你快。但如果你做的是“为什么这个信息要放在左侧而不是右侧”的决策,那 Claude 目前连问题都提不出来。
对前端工程师的直接影响
我自己的感受是,Claude Design 让原型环节变得极快。以前画一个提案级别的 demo,得先在 Figma 里画稿(或者跟设计师约时间),然后自己写部分样式。现在可以直接动嘴:“给我一个三列卡片布局,卡片有阴影,标题 16px,内容 14px,图片占位用渐变。” 30 秒出代码,跑起来再看效果,不满意继续改描述。
这个流程快了可能十倍。但代价是,你失去对代码的精细控制。Claude 生成的组件通常结构可以,但 class 命名可能奇怪,而且不会自动帮你整合到现有代码库。如果你团队的样式规范比较严格,得花额外时间重构它输出的东西。
另一个隐含的变动是:设计审核的中间环节消失了。以前设计师出稿 -> 前端实现 -> 设计师验收 -> 改稿。现在开发者直接产出界面,设计师变成“prompt 优化师”或者“结果评审员”。这个角色转换不是所有人都能适应。我见过有设计师很抗拒,也有设计师拥抱它——用 Claude 快速出多种方案,然后挑一个手调细节。
六个月后回头看,可能会被打脸
说实话,这个判断我自己也犹豫。也许再过半年,Claude 会出一个类似“design context”的功能,让它记住你项目的设计 token、组件库和页面间关系,然后生成的所有内容都自动遵循一套规则。到那时,Figma 的“设计系统”能力就可能被边缘化。但即便如此,Figma 作为协作平台的价值——多人同时编辑、评论、历史版本、插件生态——仍然是独立于 AI 生成能力的。除非 Claude 把 Figma 的整个协作层复刻了(不太可能),否则 Figma 的用户粘性不会因为一个生成功能就崩溃。
更可能发生的场景是:Figma 自己会快速推出 AI 原生生成功能。上周我不是刚看到 Figma 的“设计-代码”插件更新了,可以用 AI 把 Figma 组件直接转成 React 代码了吗?这才是合理路径。
所以我的结论是:Claude Design 不会杀死 Figma。但它确实在杀死一个旧观念——设计工具必须是图形编辑器的观念。未来的设计工作流里,“描述”可能比“绘制”更频繁。对于工程师来说,这意味着我们要习惯在 prompt 和代码之间来回切换,并且重新思考“原型”、“设计稿”、“需求文档”这三个东西的边界。
这不是 Figma 的危机。这是一场关于“谁定义什么是设计”的认知升级。而且,我还挺兴奋的——至少以后改视觉稿不用再等设计师有空了。