IT之家 05月21日 16:03
谷歌实验室推出新 AI 工具 Stitch:文字、图片可秒变 UI 设计与前端代码
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

谷歌实验室推出Stitch,旨在简化UI设计到代码实现的过程。它利用Gemini 2.5 Pro的多模态能力,将英语描述或图像快速转化为用户界面设计和前端代码。用户可以通过描述或上传草图生成可视化界面,并能快速修改和尝试不同设计。Stitch允许将设计无缝粘贴到Figma中进行优化和协作,也能导出前端代码,直接生成功能完备的用户界面。目前,用户已经可以在 Stitch 的官方网站上进行体验。

🎨Stitch的核心功能是将简单的英语描述或图像转化为用户界面设计以及支持其运行的前端代码,大大缩短了UI设计到代码实现的时间。

🖼️用户可以通过描述应用程序的细节,如颜色方案和用户体验,或上传草图、截图等视觉素材,Stitch都能生成相应的数字用户界面。

🔄Stitch专为快速修改和尝试不同想法而设计,能生成多种设计选项,供用户反复调整,直到找到满意的效果。

✅Stitch生成的设计可以无缝粘贴到Figma中,方便进一步优化、与设计团队协作以及与集成到现有设计系统中,或者导出前端代码,直接获得一个功能完备的用户界面。

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

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

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

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

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

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

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Stitch UI设计 人工智能 Gemini Figma
相关文章