AI在线 AI在线

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

谷歌实验室推出新AI工具Stitch,可将文字描述或图像快速转化为UI设计及前端代码,支持Figma无缝对接和代码导出,提升设计与开发效率。#谷歌AI# #UI设计工具#

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

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

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

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

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

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

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

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

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

相关资讯

3分钟生成UI源文件!实测谷歌最新UI设计神器Google Stitch

大家好,我是言川。 最近,AI 设计方向的新品是一个接一个地发,感觉这是要把设计师往绝路上逼啊……. 谷歌开发者大会回顾:.
5/23/2025 7:53:37 AM
言川Artie

美政府力邀 ChatGPT 产品主管出庭作证,希望增强对谷歌的反垄断指控

美国政府目前正通过邀请 ChatGPT 产品负责人 Nick Turley 作为证人来增强其对谷歌的反垄断指控,特别是为了证明谷歌的竞争对手在进入搜索市场时面临巨大的障碍。
1/18/2025 10:52:38 PM
清源

谷歌公布 Titans 系列 AI 模型架构:融合长短期记忆与注意力机制、突破 200 万上下文 Token

谷歌研究院发文,公布了“Titans”系列模型架构,相应模型架构最大的特点是采用“仿生设计”,结合了短期记忆、长期记忆和注意力机制,支持超过 200 万个 Token 的上下文长度,谷歌计划将 Titans 相关技术开源。
1/20/2025 8:00:42 PM
漾仔
  • 1