从灵感到应用上线：Stitch 面世，重新定义界面设计

优秀的应用始终源于设计与开发之间的紧密协作。设计师负责构想用户体验，打造直观且吸引人的界面；而开发者则通过编写功能代码，将这些设计变为现实。传统上，将设计想法转化为可用的代码往往需要大量手动工作，以及设计与开发团队之间的反复沟通。

这正是 Stitch 旨在解决的问题。Stitch 是 Google Labs 推出的全新实验性工具，它可以让您在几分钟内，将简单的文字提示和图像输入转化为复杂的界面设计和前端代码。

Stitch 源自一位设计师与一位工程师的共同构想，他们都希望打造一款能够优化各自工作流的产品。Stitch 借助 Gemini 2.5 Pro 的多模态能力，让设计与开发之间的协作变得更加流畅与一体化。此外，该工具还提供通过图像输入、交互式聊天、主题选择器，以及粘贴至 Figma 功能来优化设计的选项，让您真正聚焦于创意设计与开发需求。

以下是 Stitch 目前为提升设计与开发流程所提供的功能：

通过自然语言生成界面

用简单的英文描述您想要构建的应用，包括配色方案或期望的用户体验等细节。Stitch 能根据您的描述生成量身定制的可视化界面。

通过图像或线框图生成界面

无论您是有一张白板设计草图、令人眼前一亮的界面截图，还是一个粗略的线框图，将其上传到 Stitch。Stitch 会分析图像内容，生成对应的数字化界面，将您的初步视觉构想转化为可用的设计方案。

快速迭代与界面探索

设计是一个不断优化的过程，而 Stitch 让这一过程更加高效。您可以生成多个界面变体，尝试不同的布局、组件和风格，从而找到最符合预期的视觉效果与体验。

无缝衔接开发流程

当您对设计满意后，Stitch 还为设计与开发之间的过渡提供关键支持：

• 粘贴至 Figma：您可以将生成的设计无缝粘贴到 Figma，便于进一步优化、与设计团队协作，并轻松融入现有的设计系统。

• 导出前端代码：Stitch 会根据您的设计输出整洁、可用的前端代码，生成的界面可直接投入使用。

Stitch 的目标是让每个人都能释放应用创作的魔力。我们非常荣幸能发布这项实验成果，并迫不及待想看到您用它创造出的作品。

立即访问 stitch.withgoogle.com 体验 Stitch，并告诉我们您的想法！

请浏览本公告。所有 2025 年 Google I/O 大会动态将于 5 月 22 日在 io.google 公布，敬请关注。