Stitch 是什么?
想做个 App 或网站,但对着空白画布和代码编辑器发愁?Google Labs 推出的 Stitch 或许能帮你。它是个还在公测的 AI 工具,核心就一件事:你动动嘴(打字)或动动手(传图),它来帮你把界面设计和前端代码都搞定。
它能做什么?
Stitch 的本事主要围绕“生成”二字展开。
输入与生成
你可以用两种方式告诉它你的想法:文字描述或上传图片。比如,你输入“做一个给马拉松跑者用的社区应用”,或者直接丢给它一张手绘的草图,它就能理解你的意图,生成对应的界面设计。
设计与代码两手抓
它不只给你看个样子。Stitch 会同时生成多个设计变体让你选,并且能导出对应的 HTML 和 CSS 代码。这些代码号称是“生产就绪”的,考虑了无障碍访问和性能优化,你可以直接拿去用。更贴心的是,它还能把设计图一键同步到 Figma,方便你在专业工具里继续打磨。
边聊边改
生成的结果不满意?你可以像跟同事聊天一样告诉它:“把主色调改成紫色”、“加个登录按钮”。它支持你用自然语言不断调整,直到满意为止。
谁适合用它?
如果你属于下面这几类人,可以试试看:创业者想快速验证产品点子;设计师需要快速出个草稿找灵感;前端开发想省掉一些重复的切图写样式工作;或者你只是个好奇的普通人,想体验下“一句话做个 App”的感觉。
技术底子与效果
Stitch 背后是 Google 自家的 Gemini 2.5 大模型,据说用海量的界面数据训练过。官方测试称,它能把创建一个响应式页面的平均时间从超过 8 小时缩短到 1 个多小时。生成的无障碍评分也挺高。
现在用起来怎么样?
目前 Stitch 是免费公测,但有用量限制,且只支持英文输入。用户反馈比较两极化:有人夸它出图快、能联动 Figma,是原型利器;也有人吐槽生成的设计有点“模板化”,缺乏品牌个性,细节上(比如间距、对齐)可能还需要人工调整。另外,用图片生成设计时,导出到 Figma 的功能可能还不稳定。
怎么开始用?
很简单,访问 stitch.withgoogle.com,用你的 Google 账号登录,就可以开始“使唤”这个 AI 设计助手了。因为是实验项目,功能和体验可能随时变化,不妨亲自上手试试,看它能不能成为你的效率加速器。