本文作者:访客

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

访客 2025-05-21 16:02:29 50525
谷歌推出新AI工具Stitch:文字、图片可秒变 UI 设计与前端代码摘要: 5月21日消息,谷歌I/O2025大会首日活动已经结束,众多更新与新工具发布,其中包括Gemini模型的升级、谷歌搜索中...
5月21日消息,谷歌I/O2025大会首日活动已经结束,众多更新与新工具发布,其中包括Gemini模型的升级、谷歌搜索中AI模式的更广泛推广以及用于媒体创作的全新生成式AI工具。而在众多亮点中,谷歌实验室(GoogleLabs)推出的一项名为Stitch的新实验项目颇为有趣。Stitch旨在解决从构思用户界面到实现可运行代码这一过程中常见的繁琐与反复沟通问题,这一过程通常会耗费大量时间。
Stitch的核心功能是将简单的英语描述或图像转化为用户界面设计以及支持其运行的前端代码,且速度相当快。谷歌表示,该工具利用了Gemini2.5Pro的多模态能力,以实现设计与开发之间更流畅、更一体化的工作流程。那么Stitch到底能做什么呢?首先,用户可以描述自己想象中的应用程序,包括颜色方案或期望的用户体验等细节,Stitch就能够生成一个可视化的界面。如果用户已经有一些视觉素材,比如餐巾纸上的草图、喜欢的截图或基本的线框图,也可以将这些图像提供给Stitch,其会尝试将其转化为数字用户界面。谷歌还指出,Stitch专为快速修改和尝试不同想法而设计,能够生成多种设计选项,供用户反复调整,直到找到满意的效果。据了解,当用户对设计感到满意后,Stitch提供了两种关键方式来推进实际开发工作,具体如下:

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

    粘贴至Figma:生成的设计可以无缝粘贴到Figma中,方便进一步优化、与设计团队协作以及与集成到现有设计系统中。导出前端代码:Stitch会根据设计生成简洁、可用的前端代码,用户可直接获得一个功能完备的用户界面。
针对UI生成的工具并非前所未有。例如,Vercel的v0也允许开发者通过提示词生成UI组件并进行迭代。不过,v0的核心交互方式与Figma不同,其主要工作流程是将Figma设计导入并转换为代码,而Stitch则可以直接将AI生成的设计输出到Figma中进行进一步完善。目前,用户已经可以在Stitch的官方网站上进行体验。
阅读
分享