Google Stitch 大改版：对着画布说话就能做设计

Google 的 AI 设计工具 Stitch 昨天发了一次大更新，从 Labs 实验项目正式升级为 AI 原生设计平台。

不是加个小功能那种升级，是整个产品形态变了。

从一个"用 AI 生成 UI 图片"的工具，直接进化成了一个 AI 原生的软件设计平台。Google 给这

个新方向起了个名字，叫 Vibe Design。

市场反应很直接：Figma 股价当天跌了 8.8%。

这个反应不算夸张。因为 Stitch 这次做的事情，确实踩到了 Figma 最核心的地盘：UI 设计 + 原型 + 协作。而且它选了一条完全不同的路：你不用从线框图开始，直接告诉它"我要做一个健身 App，用户打开就能看到今天的训练计划"，几秒钟出高保真界面。

Stitch 是什么

Stitch 是 Google Labs 去年 Google I/O 2025 上发布的一个 AI UI 设计工具。最早的能力很简单：你用自然语言描述想要的界面，它帮你生成高保真的 UI 设计稿，可以导出到 Figma 或者直接生成前端代码。

听起来不错，但之前的 Stitch 本质上还是个"生成器"，出的是静态图片。跟真正的设计工具比，差的不是一点半点。

这次更新把这个差距大幅缩小了。

五个核心升级

AI 原生画布

Stitch 重新设计了整个界面，换成了一个基于节点的无限画布。跟传统设计工具最大的区别：这个画布能同时放图片、代码和文字，而且 AI 能理解它们之间的关系。

你可以把一张竞品截图、一份 PRD 文档、一段代码同时丢到画布上，告诉 Stitch"参考这些给我做一个新版本"。它能把这些不同类型的输入当作创作的种子，直接出设计。

新加的 Agent Manager（代理管理器）能帮你同时跑多个设计方向。比如你同时在探索三种不同的首页布局，每个方向都有独立的进度追踪，点一下就能跳到对应的屏幕。这个功能的价值在于：设计本身就是一个不断发散再收敛的过程，以前你只能一个方向一个方向试，现在可以让 AI 同时帮你跑五个方向，你来挑最好的那个。

还加了浅色模式，处理深色界面设计的时候对比度更好。

更聪明的设计代理

新的设计代理能理解整个画布的上下文。之前的 AI 设计助手大多是"你选中一个元素，告诉它改什么"，一次只看一个局部。Stitch 新代理看到的是你整个项目的演变过程，所有屏幕、所有版本、所有素材。

你可以这样跟它说：

语音设计（预览版）

这个功能我觉得是最有想象力的。你可以直接对着画布说话，Stitch 能"看到"你正在做什么、你选中了什么。

实际用起来是这样的：你一边浏览自己的设计，一边说"这个菜单给我三个不同的样式"，"把这个屏幕的配色换成暖色调"，"导航到仪表盘那个页面"。Stitch 同时处理你的多个请求，你说完一句它就开始做，不用等一个做完再说下一个。

它还能当设计评审用。你说"给我评一下这个页面的设计"，它会从视觉层级、信息密度、交互逻辑几个维度给你反馈。以前找人评设计，要约会议、等排期、解释背景，现在随时开口就行。

更实用的场景是免提操控画布。"向我展示仪表盘屏幕"，"放大右边那个卡片组件"，手不用碰鼠标，全靠说话导航。对那些经常在画布上来回翻找屏幕的设计师来说，这个效率提升很明显。

目前是预览版，官方说未来几周会快速迭代。

即时原型

点一下"Play"按钮，你的静态设计就变成可交互的原型。Stitch 自动判断屏幕之间的逻辑顺序，把它们串成一个完整的用户流程。

以前做原型，你得一个个屏幕手动连线，定义"点这个按钮跳到哪个页面"。Stitch 省掉了这一步：它看了你所有的屏幕，自动判断哪个该接哪个，一键生成整个交互流程。

更厉害的是"想象下一个屏幕"：你在原型里点了一个按钮，Stitch 会根据你点击的位置，自动生成逻辑上应该出现的下一个页面。比如你点了"登录"按钮，它就给你生成登录后的主页面。你点了"购物车"，它生成结算页面。这让你可以边点边探索，一路"走"出整个 App 的用户流程，完全不需要提前规划好所有页面。

你还能看到不同屏幕的"状态"：登录前 vs 登录后、购物车空 vs 有商品，一个屏幕多个版本，原型里都能切换预览。

可以直接分享原型链接，移动端还能扫二维码查看。过渡动画和交互设计功能即将推出。

DESIGN.md 设计系统

这个功能对做过多个项目的人来说特别实用。AI 设计工具最常被吐槽的问题就是：每次生成的风格都不一样，第一个屏幕是圆角卡片加蓝色主题，第二个屏幕就变成直角加绿色了。

Stitch 引入了一种叫 DESIGN.md 的 Markdown 文件来解决这个问题。它用来记录你的设计规则：颜色、字体、间距、圆角大小、组件样式，所有视觉决策都写在这一个文件里。

DESIGN.md 的获取方式很灵活：

每个新项目启动时，Stitch 会自动加载设计系统。编辑系统中的任何一条规则（比如把主色从蓝色改成紫色），所有相关屏幕都会一起更新。

这个文件可以在不同 Stitch 项目之间导入导出，也能跟代码仓库里的设计规范对接。对团队来说，设计师用 Stitch 的 DESIGN.md，开发者用代码里的 Tailwind 配置，两边可以双向同步，保证设计和代码的一致性。

开发对接也打通了

设计做完之后呢？Stitch 现在通过 MCP 服务器和 SDK 跟外部开发工具打通了。你可以把设计稿直接导出到 AI Studio、Antigravity 等平台，开发者拿到的不是一张图，是可以直接用的代码和结构化信息。

GitHub 上的 Stitch Skills 仓库已经有 2400 多 star，社区开始围绕 Stitch 的能力做扩展了。

这意味着 Stitch 想覆盖的不只是"设计"这一步，是从创意构思到交互原型到开发交接的全流程。

Google 造了个新词：Vibe Design

Google 给这次更新造了个词叫 Vibe Design，跟之前火过的 Vibe Coding 是一个思路。

Vibe Coding 的意思是：你不用写代码，描述想法就能出程序。Vibe Design 同理：你不用学设计工具，描述想法就能出设计。

具体来说，以前设计一个界面的流程是：先画线框图，再搭组件，调间距，选配色，做交互，导出给开发。每一步都需要专业技能。

Vibe Design 的流程是：你告诉 Stitch "我想做一个健身 App，用户打开后先看到今日训练计划，配色要活力一点"，它直接出一套高保真设计稿，点一下就变成可交互原型，再一键导出给开发工具。

整个过程从"学工具、操作工具"变成了"描述意图、迭代结果"。

免费用，但有额度限制

Stitch 目前完全免费，18 岁以上、在 Gemini 可用的地区都能直接用（stitch.withgoogle.com）。

两种模式：

跟 Figma、v0 比，Stitch 走的是另一条路

简单说：Figma 是给专业设计师用的全功能工具，v0 是给开发者快速出代码的，Stitch 填的是中间那个位置：你有想法但不会 Figma 也不会写代码，用自然语言和语音就能做出高保真设计，还能一键变成原型给人演示。

最后说两句：巨头下场，寸草不生

Google Stitch 这次更新传递的信号很明确：

AI 设计工具不再只是"帮你出图"，而是要替代整个设计工作流。

短期内 Figma 的地位不会动摇，企业客户的迁移成本太高了。

但长期看，如果 AI 原生设计工具持续进化，"会用 Figma"这个技能本身的价值会逐渐降低。

就像"会用 Photoshop"在 Canva 出来之后的变化一样。

其实不只是 Figma。

AI 时代一个残酷的现实正在浮现：巨头下场，寸草不生。

Google 做 Stitch 对标 Figma，Claude Code 碾压独立 AI 编程工具。这些巨头手里有最强的模型、最大的用户量、最深的分发渠道，还有烧得起的钱。

一旦某个垂直领域被验证有价值，巨头一个功能更新就能覆盖掉一批创业公司辛苦做了两三年的产品。

Figma 好歹是年收入几十亿美金的上市公司，都扛不住 Stitch 一次更新带来的股价暴跌。那些更小的公司呢？

这不是设计工具这一个赛道的问题。AI 时代的竞争逻辑变了：护城河不再是"功能领先"，而是"模型能力 + 生态绑定 + 分发规模"。这三样东西，恰恰是巨头最擅长的。

设计工具的 AI 化，才刚刚开始。但洗牌，可能比我们想象的要快得多。

内容参考：Stitch by Google^[1] 的推文 | Google 官方博客^[2