
截图暂时无法显示
Stitch 是什么?
Stitch 是 Google Labs 的一项实验产品,使用 Gemini 2.5 Pro 根据文字或图片生成用户界面设计和前端代码,帮助设计师和开发者将最初的应用构想变成可视化界面,再进一步调整并用于开发。
用户可以用日常英语描述应用,包括配色和预期的用户体验,也可以上传草图、截图或线框图作为起点。Stitch 会根据这些输入生成界面设计,并支持通过交互式对话、图片输入和主题选择器继续修改。用户还可以生成多个版本,对比不同的布局、组件和风格。
在设计交接时,生成的界面可以粘贴到 Figma 中,供后续编辑和协作。Stitch 也能根据设计导出前端代码。它侧重于界面的生成和调整,而不是构建应用后端。
Stitch 能做什么?
文字生成 UI
描述应用、配色和预期体验,即可生成可视化界面。
基于图片生成设计
上传草图、截图或线框图,生成对应的数字界面。
通过对话调整设计
通过交互式对话、图片输入和主题选择器调整生成的设计。
多版本设计
生成多个界面版本,探索不同的布局、组件和风格。
粘贴到 Figma
将生成的设计移至 Figma,继续调整并开展协作。
导出前端代码
根据生成的界面导出前端代码,以便继续开发。
Stitch 适合谁?
- UI 设计师
- 探索界面构思,并将生成的设计移至 Figma 中继续编辑。
- 前端开发者
- 将应用描述或视觉参考转化为界面设计和前端代码。
常见问题
可以用哪些输入来生成设计?
可以使用日常英语描述,也可以上传草图、截图和线框图等图片。
可以在 Figma 中编辑 Stitch 生成的设计吗?
可以。Stitch 提供粘贴到 Figma 的功能,方便继续调整设计和开展协作。
Stitch 能生成代码吗?
能。它可以根据你的界面设计生成并导出前端代码。
Stitch 的替代品
比较替代品更多 AI 平面设计工具
查看更多
LOGO.com
AI Logo 设计
用 AI 生成并定制标志、品牌素材及配套网站。

LogoAI
AI Logo 设计
用 AI 生成标志、构建品牌套件,并制作品牌图片和视频。

Playground
AI 平面设计
用 AI 创建和编辑标志、商品图案、海报及社交媒体图片。

SciDraw AI
AI 图片生成
生成科研插图与数据图表,支持导出可编辑文件。

SciFig
AI 平面设计
用 AI 制作科研插图、数据图表和流程图。

Recraft
AI 图片生成
生成和编辑图像、矢量图与样机,并复用视觉风格。
