Google Stitch 对比 Figma:设计工具评测与排名影响
Google 在三天前正式发布 Stitch 2.0,Figma 股价随即在两天内下挫 12%。
这绝非市场情绪的偶然波动。CNBC 标题措辞犀利:「Figma's stock drops 12% in two days after Google releases 'vibe design' product」。Business Insider 紧随其后报道:「Google declares 'vibe design' is here as Figma's stock price sinks」。
Figma 今年累计跌幅已达 35%,IPO 发行价 33 美元,目前股价徘徊在 25 美元出头。历史峰值曾触及 120 多美元,如今仅剩零头。
但真正值得关注的并非股价数字本身。而是 Google 在 Stitch 2.0 中做出的一项关键产品决策:它不再要求你从线框图起步,而是允许你用一句话描述你想要传达的设计感觉。
Google 为这一功能赋予了一个正式名称:Vibe Design。
01 什么是 Vibe Design?
传统 Figma 工作流:打开画布 → 拖拽组件 → 调整间距 → 选择配色 → 对齐像素 → 导出标注 → 交付前端。
Stitch 2.0 的工作流:「帮我设计一个 pngtosvg 的网站」→ 生成界面 → 自动创建设计系统 → 点击 Play → 直接运行交互原型。
从「手绘」到「口述」,从「手动拼装」到「AI 一次性输出」。
更关键的是——你可以直接丢入一张手绘草稿,Stitch 会自动将其转化为高保真界面:
这不仅仅是效率提升。这是设计工作流的根本性范式迁移。
Stitch 2.0 本次更新了 5 项核心能力:
- AI 原生无限画布:摆脱传统画板限制,打造可无限延伸的工作空间,草图、文字、图片、代码均可直接拖入
- Design Agent:设计智能体,全程追踪项目演进过程,支持同时探索多个设计方向
- Voice Canvas:直接向画布发出语音指令——「给我三种不同的菜单布局」「尝试暗色主题」——系统实时响应修改
- Instant Prototypes:点击 Play 即可运行交互,自动生成下一屏逻辑跳转与页面流转
- DESIGN.md:利用 Markdown 格式定义设计系统,支持跨工具导入导出
而且——完全免费。
02 为什么 Figma 会跌?
先看一组数据:Figma 去年 7 月 IPO,上市首日股价冲至 120 多美元,当前报 25.26 美元。历史跌幅高达 79.30%。
Google 发布 Stitch 2.0 当天,Figma 单日下跌 8.8%。两天累计跌幅 12%。
但不能简单归结为「Google 发布了一个竞品,Figma 就完了」。更深层的变化正在发生:
AI 正从「辅助写代码」加速向「辅助做设计」推进。
此前 vibe coding 让程序员群体感到焦虑。如今 vibe design 的冲击波已轮到了设计师。
逻辑完全一致:
- vibe coding:你描述需求 → AI 生成代码 → 你负责审阅与修改
- vibe design:你描述设计感觉 → AI 输出界面 → 你负责审阅与调整
生产者的角色从「执行者」蜕变为「审核者」。
这一转变先在编程领域爆发(Cursor、Claude Code、Codex),现在正全面渗透到设计领域(Stitch、Lovart、v0)。
AI 模型迭代速度持续加快,目前首当其冲的职业就是程序员和设计师。
03 Stitch 2.0 真正的杀招是什么?
不是 AI 生成 UI。市面上已有不少工具具备类似能力。
真正致命的是「从设计到代码」的完整闭环。
看这组 Stitch 生成的 App 界面——记账应用,从首页到 AI 识别小票再到确认页,三屏一次性输出:
这不是一张「好看的静态图」。这是可以点击 Play 直接运行的交互原型。
Stitch 2.0 支持的导出与集成能力:
- 导出至 Figma(保留 Auto Layout 和可编辑图层)
- 导出至 AI Studio 及 Antigra vity
- 通过 MCP Server 连接 Claude Code、Codex 等编程工具
- 提供 Skills 与 SDK 用于二次开发(GitHub 仓库已获 2.4k stars)
这意味着设计稿不再是一张「图」,而是能够直接流入开发流程的结构化资产。
传统链路:设计师制作 Figma → 手动标注 → 前端阅读标注 → 手动还原 → 反复来回修改。
新链路:Stitch 生成设计 → 导出代码 → MCP 接入 Claude Code → 直接开始编写业务逻辑。
中间那些「人肉翻译」的环节,正在被 AI 逐步吞噬。
04 Figma 真的危险吗?
以下判断可能引发争议:
Figma 短期内不会消亡,但它的护城河正在加速变薄。
Figma 最强的并非画图功能,而是协作网络——全球设计师都在使用 Figma,你的同事、甲方、开发团队都在这个生态中。这种网络效应不是单靠一个 AI 工具就能轻易击垮的。
但 Stitch 正在做的事情是:将「需要专业设计师才能完成的任务」,降维到「任何具备基本表达能力的人都能操作」。
参考这个案例——一张潦草的线框手稿,丢入 Stitch 后,直接输出一个完整的 SaaS Landing Page:
产品经理可以自己产出高保真原型,创始人能独立完成 landing page,开发者能自己搞定 UI——这些角色以前都需要打开 Figma 去找设计师。现在他们可能不再需要了。
这不是在替代 Figma,而是在绕过 Figma。
正如 vibe coding 并没有替代 VS Code,而是让很多人不再需要打开 VS Code。
05 对程序员和独立开发者意味着什么
如果你是一名程序员或独立开发者,Stitch 2.0 带给你的实际价值可能远超设计师:
第一,你的 side project 不再需要等待设计稿。
过去做产品,UI 始终是最大的瓶颈之一。要么自己凑合画,要么花钱找设计师,要么套用模板。现在一句话就能生成高保真界面,还能直接导出可用的代码。
第二,Stitch 的 MCP Server 可以直接对接你的编程工具链。
如果你正在使用 Claude Code 或 Codex,Stitch 的设计资产可以通过 MCP 协议无缝流入开发流程。设计与编码之间的壁垒正在消融。
第三,DESIGN.md 这一设计思路值得重点关注。
用 Markdown 定义设计系统,与 AGENTS.md、SOUL.md 的逻辑如出一辙——用纯文本文件定义规则,让 AI 能够理解并执行。设计系统不再是 Figma 里的一套组件库,而是 AI 可以直接读取的协议文件。
最后说一个感受
2026 年 AI 的扩张路径正变得越来越清晰:先吃掉代码层 → 再吃掉设计层 → 接着是内容层 → 最后是决策层。
每吃掉一层,就会有一批人从「制作者」被迫转型为「审阅者」。
你可以恐惧这个趋势,也可以主动利用它。核心区别在于:你是那个被替代的人,还是那个拿着 AI 去替代别人的人。
```