Google 全新 AI UI 设计工具亮相：Stitch 一句话生成完整 UI 和完整前端代码

谷歌实验室推出AI工具Stitch，可秒变UI设计与代码。

该工具基于Gemini 2.5 Pro模型，支持文字和图片输入转化为用户界面设计。解决开发繁琐沟通问题，节省时间成本。用户可在网站体验并将生成的设计导入Figma进行优化和团队协作。

那么Stitch到底能做什么呢？

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

当用户对设计感到满意后，Stitch提供了两种关键方式来推进实际开发工作，具体如下：

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

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

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