这可不是巧合。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」。

Stitch到底是个啥？

Stitch 是一款由人工智能驱动的移动和 Web 应用设计工具。是Google Labs 研发，当家花旦 Gemini 模型驱动的AI Agent。于2025 年 5 月就已经在 Google I/O 大会上作为 Google Labs 的一项实验项目发布。引入AI 圈大火的「vibe coding」概念，将其重新定位为「氛围设计平台」（vibe design platform）。

“Vibe Design”（氛围设计）简单说就是：我们不用先画界面，直接跟它说“感觉”就行。

比如你说“我要一个让用户有信任感的理财App首页”，或者“像Notion那样简洁，但更有温度的项目管理界面”，甚至直接丢几张灵感图，它就能在画布上生成好几个高保真方案，让我们可以有更多灵感，同时还会生成统一设计体系，可以以它为标准生成更多页面。

而且它不是那种“一次性生成”就不管了，更像一个有记忆、能跟你聊天的设计伙伴——你改了某个细节，它会记住；你拒绝过某个方案，它下次不会再给你推类似的；甚至你对着画布说话，说“把这个按钮弱化一点”“换个暖色调”，它都能实时响应，比助理还听话。

这次Stitch更新，直接整了个“AI全家桶”！现在它是个自带无限画布的设计空间，你动动嘴（语音交互）或者给个方向，就能让好几个AI设计小助手同时开工，各做各的屏幕，效率拉满。

这个语音输入竟然可以直接中文对话，就是这个界面我想吐槽一下，玻璃液态视觉信息层次不够清晰，选中的信息也看不清，还得睁大眼睛才能看到内容。😒

Stitch工作流，到底帮我解决了哪些痛点？

告别“线框图内耗”，把时间还给创意

做项目，最烦人的就是梳理好逻辑之后一个个拼组件搭界面这个环节，组件不全的情况下找组件花费时间，再去画组件更烦人。尤其是复杂一点的官网类项目，光梳理信息架构、画低保真框框，就得耗上大半天。

就拿高端设计工作室官网来说，要兼顾品牌调性、案例展示、团队介绍、联系表单，还要做响应式适配，产品说“要高级有质感”，开发说“要好实现、兼容多浏览器”，用户说“要浏览顺畅、找案例方便”，我得在这三者之间反复权衡，画一版改一版，有时候改到第8版，又绕回了第一版的思路，半天时间全耗在“画框框”上，根本没精力去琢磨审美细节、优化浏览体验，更别说思考“这个设计是不是真的能帮品牌传递价值”。

现在我可以使用 Stitch直接生成试试看。Vibe Design（氛围设计）还新增了URL导入和截图上传功能，特别适合做复杂网页设计。

一个高端设计工作室官网，没有画任何线框图，直接复制了一个同类型优质官网的网址，再跟Stitch说“基于这个URL的结构，重新设计一个高端设计工作室官网，风格要极简高级，莫兰迪低饱和配色，包含动态渐变Banner、网格布局案例展示区、悬浮式导航栏、团队介绍卡片，还要适配PC/平板/移动端响应式，案例展示区要做hover放大动效，整体要有空间层次感，参考Linear的设计语言”。

不到3分钟，它就生成了2个高审美方案，浅色版本和深色版本，甚至移动端和设计系统同步生成，每个方案的细节都拉满。

重点是，它生成的不是“死”页面，而是包含完整细节的复杂网页：Banner有细腻的橙色光晕跟随鼠标移动动效，案例网格布局间距均匀，hover时的放大过渡自然，悬停按钮的弥散阴影很自然，案例卡片的排版错落有致，连响应式的断点适配都提前做好了，完全符合我对“高级感”的预期，比我自己一点点画组件、调间距、做动效省心太多。

而且这次更新还支持语音实时调整，我对着画布说“把Banner设计的更高端一些”“案例卡片圆角调至12px”“导航栏改成半透明玻璃液态效果”，小技巧：可以直接用中文跟它说：给我改成中文语音交互。

它立马就能响应，不用手动调整参数。原本要花1-2天才能画完的复杂网页高保真稿，现在1小时就能搞定，还能留出时间微调审美细节。省下的时间，我可以去做用户研究，去琢磨网页的浏览逻辑，去跟产品聊品牌调性的呈现——这才是设计师该做的事，而不是被困在“画图”里。

解决“一致性难题”，跟开发对接更顺畅

咱们做UI/UX设计的都懂，最烦的就是跨页面一致性！尤其是复杂官网，首页、案例页这些核心页加子页面，稍微一不留神，细节就对不上——比如Banner颜色、按钮圆角、字体大小，换个页面就变样。到了开发环节，人家总追着问“这样式怎么不一样”，还得重新标注，又费时间又容易闹矛盾，整体审美也乱了。

但Stitch 3月18号更新后，直接把这问题解决了！升级后的Design Agent加上新增的Agent Manager，在一致性这块巨给力。

我做那个高端工作室官网时，在Stitch里建了个DESIGN.md，把品牌色、字体、按钮圆角这些规范都写进去，之后不管生成多少页面，它都严格按规范来，不会乱。

更绝的是，这次更新还强化了DESIGN.md跨平台同步，导出代码也优化了，跟开发对接直接省一半劲。官网做完，我直接导出React+Tailwind代码，特别干净，开发复制过去改改业务逻辑就行，还自带响应式，不用再单独写断点。还能无缝连Figma，想微调审美直接导过去，不用重画组件。以前对接开发光标注就得大半天，现在人家再也不追着要标注，效率翻倍，矛盾也少了。

快速验证想法，不用再“赌对错”

以前做网页端，太折磨人了！得先画完所有高保真，再手动连页面、做交互，才能做用户测试。

有时候花一周画完，用户说逻辑不通、适配不好，只能推倒重来，那种挫败感，懂得都懂。就说之前做企业官网，光手动连首页、案例页的交互，就耗大半天，还总出跳转错误，巨麻烦。

还是那个高端工作室官网，我用 Stitch 生成所有页面。

不用手动连，点一下“Play”，它就自动把页面“缝合”成交互原型，还能自动推断流程——点导航跳案例页，点案例卡片跳详情页，连“返回”按钮都自动匹配，交互动效也都一致，不用我手动设置。更贴心的是，还能实时评估设计，随时在线修改、AI优化。

觉得不过瘾，可以导入Figma中精细设计。

简单说，有网页设计想法，不用画线框、不用画组件、不用手动做交互，几分钟就能生成可浏览的原型，立马跟用户、产品验证。用户说案例详情页图片太大，我直接语音让它缩小、加懒加载，实时就改，当场就能预览，不用再瞎赌对错，省了好多无用功，设计也更贴合需求、更有质感。

和国产版的Calicat Ai的区别

这里简单唠一唠：

核心定位不一样（最关键！）

核心功能侧重不同（设计师日常能用得上）

2、协作场景：差异最明显

3、工具定位：一个护设计师，一个管全团队

Stitch

就是设计师的专属AI助理，帮我们跳过线框图、衔接开发，省出时间搞创意、做交互。

作为设计师，该如何选

最后

Stitch不是什么“神器”，它只是一个工具，就像当年的Figma、Sketch一样，只是帮我们优化了工作流，让我们能更高效地做设计。

AI时代的到来，确实让设计行业发生了变化，技能门槛在重构，那些只懂工具操作、只会画图的设计师，确实会慢慢被淘汰，但真正有想法、懂用户、有审美、有策略思维的设计师，只会越来越吃香——因为AI能帮我们做事，但不能帮我们思考，不能帮我们创造真正有温度、有价值的设计。

作为设计师，我们不用害怕AI，也不用抵触新工具，不如主动去尝试、去适应，把工具当成我们的伙伴，用它解放自己的时间，专注于提升自己的核心竞争力。

毕竟，设计的本质是“为人设计”，而不是“为工具设计”。AI能画出来的是页面，而我们能设计出来的，是有温度、有灵魂、能解决问题的体验——这，才是我们设计师不可替代的价值。

////// END //////