IT之家 05-21
谷歌推出新AI工具Stitch:文字、图片可秒变 UI 设计与前端代码
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_keji1.html

 

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 的官方网站上进行体验。

宙世代

宙世代

ZAKER旗下Web3.0元宇宙平台

一起剪

一起剪

ZAKER旗下免费视频剪辑工具

相关标签

谷歌 ai it之家 界面 用户体验
相关文章
评论
没有更多评论了
取消

登录后才可以发布评论哦

打开小程序可以发布评论哦

12 我来说两句…
打开 ZAKER 参与讨论