打造优秀的应用程序,关键在于设计与开发之间的紧密合作。设计师构思用户体验,打造直观且引人入胜的界面。开发人员则通过编写功能代码,将这些设计变为现实。传统上,将设计理念转化为可运行的代码需要大量的人工投入和反复沟通。

Stitch
这正是Stitch旨在解决的问题——Stitch是 Google Labs 的一项新实验,它允许您在几分钟内将简单的提示和图像输入转换为复杂的 UI 设计和前端代码。
Stitch 的诞生源于一位设计师和一位工程师的共同构想,他们都希望打造一款能够优化各自工作流程的产品。Stitch 利用 Gemini 2.5 Pro 的多模态功能,在设计和开发之间创建了更加流畅、一体化的工作流程。此外,Stitch 还提供图像输入、交互式聊天、主题选择器以及粘贴到 Figma 的功能,让您能够真正专注于创意设计和开发需求。

Stitch
以下是Stitch目前提供的增强设计和开发流程的功能:
从自然语言生成用户界面
请用简洁明了的语言描述您想要开发的应用程序,包括配色方案或理想的用户体验等细节。Stitch 可以根据您的描述生成定制的视觉界面。
从图像或线框图生成用户界面
手边有白板上的设计草图、引人注目的用户界面截图,或是粗略的线框图?上传到 Stitch 即可。Stitch 会处理图像,生成相应的数字用户界面,将您的初始视觉构想转化为功能完善的设计。
快速迭代和设计探索
设计是一个迭代过程,Stitch 通过允许您生成界面的多个变体来简化这一过程。您可以尝试不同的布局、组件和样式,以达到理想的外观和感觉。
无缝过渡到开发阶段
一旦您对设计感到满意,Stitch 就能为开发工作流程提供关键的桥梁:
- 粘贴到 Figma:您生成的设计可以无缝粘贴到 Figma 中,以便轻松进行进一步完善、与设计团队协作以及集成到现有设计系统中。
- 导出前端代码: Stitch 根据您的设计生成简洁、功能齐全的前端代码,让您拥有一个功能完善、随时可用的用户界面。
Stitch 旨在让每个人都能轻松上手,享受应用创作的乐趣。我们很高兴能将这项实验带给大家,迫不及待地想看看你们会用它创造出什么。
请访问stitch.withgoogle.com试用 Stitch ,并告诉我们您的想法!
从 5 月 22 日起,您可以在io.google上查看此公告以及所有 Google I/O 2025 的更新。







