谷歌实验室推出新 AI 工具 Stitch:文字、图片可秒变 UI 设计与前端代码

谷歌实验室推出新 AI 工具 Stitch:文字、图片可秒变 UI 设计与前端代码
2025年05月21日 15:56 IT之家

IT之家 5 月 21 日消息,谷歌 I/O 2025 大会首日活动已经结束,众多更新与新工具发布,其中包括 Gemini 模型的升级、谷歌搜索中 AI 模式的更广泛推广以及用于媒体创作的全新生成式 AI 工具。而在众多亮点中,谷歌实验室(Google Labs)推出的一项名为 Stitch 的新实验项目颇为有趣。Stitch 旨在解决从构思用户界面到实现可运行代码这一过程中常见的繁琐与反复沟通问题,这一过程通常会耗费大量时间。

Stitch 的核心功能是将简单的英语描述或图像转化为用户界面设计以及支持其运行的前端代码,且速度相当快。谷歌表示,该工具利用了 Gemini 2.5 Pro 的多模态能力,以实现设计与开发之间更流畅、更一体化的工作流程。

那么 Stitch 到底能做什么呢?首先,用户可以描述自己想象中的应用程序,包括颜色方案或期望的用户体验等细节,Stitch 就能够生成一个可视化的界面。如果用户已经有一些视觉素材,比如餐巾纸上的草图、喜欢的截图或基本的线框图,也可以将这些图像提供给 Stitch,其会尝试将其转化为数字用户界面。谷歌还指出,Stitch 专为快速修改和尝试不同想法而设计,能够生成多种设计选项,供用户反复调整,直到找到满意的效果。

据IT之家了解,当用户对设计感到满意后,Stitch 提供了两种关键方式来推进实际开发工作,具体如下:

  • 粘贴至 Figma:生成的设计可以无缝粘贴到 Figma 中,方便进一步优化、与设计团队协作以及与集成到现有设计系统中。

  • 导出前端代码:Stitch 会根据设计生成简洁、可用的前端代码,用户可直接获得一个功能完备的用户界面。

针对 UI 生成的工具并非前所未有。例如,Vercel 的 v0 也允许开发者通过提示词生成 UI 组件并进行迭代。不过,v0 的核心交互方式与 Figma 不同,其主要工作流程是将 Figma 设计导入并转换为代码,而 Stitch 则可以直接将 AI 生成的设计输出到 Figma 中进行进一步完善。

目前,用户已经可以在 Stitch 的官方网站上进行体验。

新浪科技公众号
新浪科技公众号

“掌”握科技鲜闻 (微信搜索techsina或扫描左侧二维码关注)

创事记

科学探索

科学大家

苹果汇

众测

专题

官方微博

新浪科技 新浪数码 新浪手机 科学探索 苹果汇 新浪众测

公众号

新浪科技

新浪科技为你带来最新鲜的科技资讯

苹果汇

苹果汇为你带来最新鲜的苹果产品新闻

新浪众测

新酷产品第一时间免费试玩

新浪探索

提供最新的科学家新闻,精彩的震撼图片