推荐语
谷歌Stitch「氛围设计」震撼更新，用自然语言秒生成高保真界面，Figma股价应声暴跌8.8%！核心内容： 1. Stitch「氛围设计」平台的核心功能与三大亮点 2. 用户实测体验与设计界两极反应 3. 传统设计工具面临的AI颠覆挑战
杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家
Figma，危矣！
大前天，谷歌发了条推文，重磅更新旗下 AI 设计工具 Stitch。
这一更新不要紧，直接干掉 Figma 当天 8.8% 的股价。自 2025 年 8 月 IPO 以来，Figma 的股价已累计下挫约 80%。
Stitch 是个啥？
Stitch 本是一个由 Google Labs 研发、Gemini 模型驱动的 AI 原生设计平台，此次更新，谷歌借鉴 AI 圈大火的「vibe coding」概念，将其重新定位为「氛围设计平台」（vibe design platform）。
所谓「氛围设计」，就是让用户仅凭自然语言描述，就能在 AI 原生无限画布上快速生成高保真界面、交互原型和一致性设计系统。
它直接面向独立开发者、产品经理和设计师，将从创意到可点击原型的周期压缩到分钟级，重塑传统 UI/UX 工作流。
具体来说，Stitch 有三大亮点：
先来看两个例子，一个是 Stitch 生成的手工陶瓷展示首页，另一个则是热门滑雪度假村选择页面。
评论区说啥的都有。
有人力挺，「Stitch 是少见的宣传与实力完全匹配的产品，从上线第一天起我就在用，从未失望。效果好不好，取决于你会不会用，但总体而言，它的输出结果远超我的预期。」
也有人哀嚎「简直疯了！」「巨头的一次更新胜过你十年的努力。」
有人调侃设计师们震惊又无奈的反应：
也有人好奇这些输出结果在实际项目中究竟有多实用。
目前，该平台已向 Gemini 可用国家或地区开放，18 岁以上用户均能体验，现阶段仅支持英语。
接下来，我们也上手实测下。
官网链接：https://stitch.withgoogle.com/
上手实测：
Stitch 的效果，取决于你会不会用它
Stitch 界面长得跟 ChatGPT、Gemini 差不多，左侧是项目栏，右侧是聊天框，支持输入提示词、上传文件、粘贴网址，并可切换 APP 和 Web 两种生成效果。
平台内置 Alexandria、Bauhaus、Glacier、Carbon 等 10 种设计系统，可按需选择，也可随机生成。
功能模式有四种：
3 Flash 是利用 Gemini 3.0 Flash 生成高质量 HTML 设计，并可导出到代码编辑器；
Thinking with 3.1 Pro 则调用 Gemini 3.1 Pro 模型，以牺牲速度换取最高质量的推理与输出；
Redesign 支持用户上传现有应用或网站的截图，由 NanoBanana Pro 对其进行重新设计；
Ideate 则是一个创意发散功能，用户只需提出一个待解决的问题，工具便会生成多种解决方案供参考。
以一个实际操作为例。
我们输入提示词：Make a catalog page with seasonal home decor items, listed in a minimalist grid layout with images, with seasons as filters. Light orange theme.（制作一个季节性家居装饰商品目录页，采用极简网格布局列出商品，配有图片，并设置季节筛选器。主题为浅橙色。）
Stitch 随即调用底层 AI 模型对提示词进行理解与推理，自动生成包含布局结构、组件样式、配色方案的完整 UI 设计稿。
生成后，可继续追加提示词迭代优化。
比如在它生成完春季产品目录页后，让它依次生成夏秋冬三季的产品目录页，提示词：Design the Summer/Winter/ Fall catalog page.
点击右上角的▶️图标，还能直接预览原型设计：
再通过「Add Screen」将生成的各页面整合进去，我们就可以切换原型底部的「春夏秋冬」小图标，展示不同季节的商品。
进入原型设计预览，点击顶部的「Edit」，我们可以更方便修改编辑。修改文字：
输入图片网址替换图片：
或者修改页面布局。譬如原产品目录页是双排布局，我们只需要点击下方的「✏️」图标，系统自动跳出输入框，我们输入提示词：Change the product catalog page layout to a single column display.（将该产品目录页的商品改为单列展示），AI 就开始重新编辑页面。
甚至选中某张商品图后点击「Imagine new screen」，AI 便会自动为该商品生成详情页，并自动链接至原型，下次点击图片即可跳转。
上家伙，让我们看看效果：
设计满意后，可将其导出为 HTML 代码或交给代码编辑器、开发 Agent 进一步落地实现。
比如我们将 Stitch 数据导出到 Google Al Studio，系统自动跳出提示词：Build me an app with screens that look like this. You can hotlink images from the html.（请帮我开发一个界面像这样的应用，你可以从 HTML 代码中直接链接图片）。
AI Studio 会以该设计稿为视觉参考，调用 Gemini 模型理解页面的布局结构、组件层级、色彩风格和交互逻辑，然后自动生成一套完整的可运行前端代码。
其中图片部分会直接以热链接的方式引用 HTML 中已有的图片地址，无需重新上传资源。
生成的代码通常包含完整的页面结构、样式表和基础交互脚本，可以直接在浏览器中运行预览。
后续我们再通过自然语言对话向 Gemini 提出修改要求，直到输出一份可交付的应用代码。
整体流程就是提示词输入 → AI 生成设计 → 预览与迭代 → 导出代码，实际体验下来，我的感受和前面那位网友一致，Stitch 的生成效果，很大程度上取决于我们会不会用它。初次上手还是需要熟悉各项功能，一旦用熟，生产力将大大提升，普通人也能整出一款 APP 或者网站，尽管有时还略显粗糙。
网友实测：结果参差
不少网友也在社交媒体上晒出了各自的尝试
博主 @samtwtss 把一张极其抽象的草图丢给 Stitch，配上提示词：Minimal futuristic websitehero with left-alignedheadline, subtext,andCTARight side monochromeside-profile portrait withhalftone ditheringSoft warmgradient background,highcontrast lightingUltra cleanlayout,lots of negative space,premium Al tech aesthetic.（极简未来风格的网站首页，左对齐的标题、副文本和 CTA，右侧为单色调侧脸肖像，带有半色调抖动效果，背景为柔和的温暖渐变，强烈的对比光照，超干净的布局，大量留白，呈现高端人工智能技术美学。）
生成结果令他直呼「设计师的时代要结束了」。
不过，评论区也有网友反映，用类似草图尝试后效果平平。
还有网友复刻效果不佳，认为这「又是一波虚假宣传，实际生成出来就是这样…… 哪怕继续加 prompt，它还是只会吐出 AI 垃圾。」
博主 @hewarsaber 也画了张草图，让 Stitch 生成 UI 界面，看起来效果还不错。
他还让 Stitch 对原有设计图进行调整，将老鹰换成了金属铬质感的版本，并将其调整为向右倾斜的飞行姿态；同时，标题也更新为白色，居中排列在老鹰下方，整体保持暗色简约的审美风格。
甚至仅凭一个提示词就能输出动效，「设计师、动效师、3D 设计师，全都凉了。」
目前，Stitch 在社交媒体上的评价呈两极分化。
有人感慨「脑海中的想法与实际原型之间的差距小得出乎意料」，也有人泼冷水。
沃顿商学院教授 Ethan Mollick 评价相对中肯，Stitch 工具将 vibework 的理念运用到了编程之外的领域，其界面围绕设计和原型制作而构建。虽然还有一些不足之处，但结果令人印象深刻，对于许多非程序员来说，它的使用体验会更自然。
还有人指出，Vibework 扩展到编码之外的领域确实意义重大，但编码有明确的衡量标准 —— 能不能跑起来；设计却没有。能从 Stitch 中获益最多的人，是那些本就清楚自己想要什么的人，否则，AI 生成的不过是一堆好看的垃圾。
设计行业，何去何从
谷歌只靠一个 AI 产品更新，就让 Figma 市值蒸发近 20 亿美元，让平面设计师们的心拔凉拔凉的。
类似的剧情也在其他行业反复上演：网络安全公司暴跌 30%，律所跌去 35%，金融分析师和软件工程师也未能幸免……
每次功能更新，整个行业就被两三家公司快速蚕食，看得人心惶惶。
当然，也有人认为市场反应过早了。Figma 的核心价值在于协同设计工作流，而非单纯的生成视觉稿。Stitch 或许能通过提示词生成布局，但设计中最难的环节是迭代周期、利益相关方的对齐以及设计系统治理。
真正的考验在于 Stitch 能否替代 Figma 的多人实时编辑体验，而非仅仅是它的画布功能。话虽如此，市场的反应速度也确实证明了，面对哪怕只是「看起来可行」的 AI 竞品，传统 SaaS 公司的防御力都很是脆弱。
我这一年长期在一个设计群里「潜水」，经我观察，群里聊得蛮多的两个关键词就是「AI」和「失业」，大家的焦虑可见一斑。
设计师的日子不好过，教设计的老师也天天愁得脑瓜子疼。
最近，刷到一位大专美术老师「静静开饭」发的视频，他们学校新开设了一门数字创意产品设计课程，她这门课刚上了短短两个多月，有个叫 OpenClaw 的 AI Agent 已经能操控电脑了，「连设计这门课程的那位专家估计也没想到，这门课现在应该叫 AIGC 更合适」。
一个寒假，光 AI 生图模型就增加了好几个版本。
上个学期还在苦口婆心教软件使用，劝学生少用 AI，并且拼命抵制 AI 生成的作业，而这个学期，她就要带着学生一起学习 AIGC 设计工作流核心思路。
时代变化的速度，远比课纲更新的速度快。
可还是那句话，与其焦虑，不如现在就打开 Stitch 试一试，摸清它能做什么、做不好什么，先把它变成自己的工具。毕竟，AI 替代不了所有人，但会用 AI 的人，会先把不会用的那批人替代掉。
最后，博主 @uiux_harshit 将 Stitch 与 Claude 生成的效果图，以及人类设计师的设计图放在一起对比，评论区说说你更 pick 谁？
参考链接：
https://x.com/samtwtss/status/2034606620379172959?s=20
https://x.com/PawelHuryn/status/2034583837351526763?s=20
https://x.com/cryptopunk7213/status/2034621044938453123?s=20
https://x.com/uiux_harshit/status/2034355221858844857?s=20
https://x.com/hewarsaber/status/2034335298490871987?s=20
https://x.com/emollick/status/2034707400406487184?s=20
© THE END
转载请联系本公众号获得授权
投稿或寻求报道：liyazhou@jiqizhixin.com
粤ICP备14082021号
免费POC，
零成本试错
