跳到正文
IFAI

AI工具

Google Labs 升级 Stitch:自然语言与语音直接生成高保真 UI

首次发布 传播指数 55

Google Labs 宣布将 UI 设计工具 Stitch 升级为 AI 原生无限画布。除了用自然语言和语音直接指挥 AI 调整界面与出方案,它还支持通过 DESIGN.md 规范管理设计系统、一键生成可交互原型,并能通过 MCP 协议无缝导出至开发工具。

Google Labs 升级 Stitch:自然语言与语音直接生成高保真 UI
图:blog.google

去年大家还在聊「氛围写代码」(vibe coding),动动嘴皮子就能让 AI 把后端逻辑跑通。现在,Google 打算把同样的体验搬到设计界面上。

Google Labs 在 3 月 18 日把旗下的 Stitch 全面重构,定位直接改成「AI 原生软件设计画布」,还顺便造了个新词叫「氛围设计」(vibe design)。说白了,你不再需要从画线框图或者找组件库开始,只要跟它聊聊你的业务目标、想给用户什么感觉,甚至丢几张灵感图,它就能帮你生成高保真的可交互原型。

画布变成无限大,还配了多个设计助手

新版 Stitch 最直观的变化是界面换成了类似白板的无限画布。你在上面随便扔东西都行,图片、文字需求,甚至是现成的代码片段,都可以直接当成上下文喂给 AI。

画布背后是一套全新的设计智能体(design agent)。这个智能体能理解整个项目从早期雏形到演进过程的完整脉络。

为了让你能同时试好几个方向,Stitch 还加了一个 Agent 管理器(Agent manager)。比如同一个电商详情页,你想同时看看极简风、复古风和赛博朋克风,管理器会并行推进不同方案,且记录各自的进展,不会让画布乱成一团。

更接地气的是实时语音交互。你戴着耳机就能直接跟画布说话,让 AI 充当设计评审顾问,或者通过一问一答的方式帮你梳理落地页框架。你一边说话,它一边就能改,比如喊一句「给我来三个不同的菜单样式」或者「换一套配色看看」,界面当场就变。

从一张 Markdown 到可点击的原型

除了动嘴皮子,这次 Stitch 在工程落地上下了不少功夫。最核心的两个更新是原型连线和设计规范导出。

以前 AI 生成的界面大都是静态图片或者死板的页面,新版 Stitch 可以在几秒钟内把静态稿变成可交互原型。点击播放按钮,你在页面上点一个按钮,系统会自动推断并生成下一级逻辑页面,整套用户旅程(user journey)直接连通。

在设计系统(Design System)方面,Stitch 支持直接从任意网页链接提取设计规范,还推出了一个叫 DESIGN.md 的 Markdown 格式。这种 agent 友好的文件能把你的设计规则打包,方便导入导出到其他设计或编程工具里,换个新项目也能直接套用。

要是想把设计交给开发,Stitch 提供了 MCP(Model Context Protocol)服务器和 SDK,开源技能(skills)在社区已经拿到了 2400 颗星。团队可以直接把设计成果导出到 Google AI Studio 或 Antigravity 等开发者工具中,不用再靠设计师截图、量尺寸去交付。

为什么重要

对于独立开发者和初创团队来说,我们认为这次升级最大的价值在于大幅拉低了「验证想法」的成本。以前做一个能拿去给投资人或测试用户点的原型,中间要跨越 Figma 设计、组件对齐、再找人切图写前端demo,折腾一周很正常。现在用 Stitch,一个人靠自然语言和几轮语音对话,几十分钟就能拼出一个逻辑通顺的交互原型,非常值得现在去尝试做早期 demo。

但从专业设计工作流来看,它目前解决的主要是「从 0 到 1 的发散」,而不是「从 90 到 100 的精修」。这种靠语音和氛围提示词出来的界面,在复杂的边缘状态处理、无障碍适配和极致像素对齐上,依然需要专业设计师介入。

对行业而言,Google 推出 DESIGN.md 和接入 MCP 是极为聪明的一步。它没有试图去把 Figma 或主流代码编辑器完全替换掉,而是做了一个更轻的胶水层,让设计规范变成 AI 和代码工具都能读懂的文本格式。这看起来会逼着现有的设计软件巨头加快智能体化,未来设计师的核心竞争力,恐怕真的要从画矢量图转向如何用 prompt 和设计规范去调教 AI 了。

来源 (2)

  1. [1]
    blog.google(在新标签页打开)原文blog.google
  2. [2]
    @stitchbygoogle(在新标签页打开)讨论x.com

每日 AI 内容精选