Google Stitch 是 Google Labs 在 2025 I/O 大会上发布的实验性 AI 设计工具,前身是被收购的 Galileo AI。它以「一句话→界面→代码」为核心卖点。不需要复杂的操作,你只要用英文简单描述自己的应用想法,比如配色、风格、主要功能,Stitch 就会自动生成界面雏形。
主要功能
🧑💻 输入英文描述即可产出高保真 Web / 移动 UI
输入一句英文描述,Stitch 即时生成像素级 Web / 移动界面。
🖼️ 图像生成设计
支持草图、截图、线框图等任意图像,一键转数字稿。
🔍 图像识别与转换
内置视觉解析引擎,自动识别图像中的按钮、卡片、图表等组件,支持 JPG / PNG / SVG / WebP。
⚙️ 代码生成
即时输出 HTML + Tailwind CSS(官方模板),后续将开放 React / Flutter / Vanilla JS。
🚀 代码优化
自动消除冗余样式、压缩资源,Lighthouse 性能评分默认 90+,可直接部署。
🎨 Figma 无缝集成
生成结果可直接复制到 Figma 画布,保留图层命名与样式 Token,方便团队协作。
🧩 文本 + 图像混合输入
描述 + 参考图同时上传,Stitch 融合二者信息,精准还原设计意图。
🕹️ 交互式设计
右侧属性面板可实时调整文案、主题色、圆角、间距,画布即时刷新,所见即所得。
功能 | 说明 | 适用场景 |
---|---|---|
Text-to-UI | 英文描述即可生成高保真网页 / 移动界面 | 需求评审、快速原型 |
Image-to-UI | 手绘、截图、线框图秒变数字稿 | 头脑风暴、旧版翻新 |
Style Transfer | 一键切换主题色、字体、圆角等设计 Token | 品牌换肤 |
Multi-Version | 同 prompt 批量生成 3–5 套布局方案 | A/B 选型 |
Figma Handoff | 标准模式直接复制到 Figma 继续精修 | 团队协作 |
Code Export | 输出干净的 HTML + Tailwind CSS | 前端开工 |
相关链接
官网(含注册与使用):https://stitch.withgoogle.com/hom