谷歌今日发布了用于生成网站及移动应用用户界面(以下简称UI)的人工智能(AI)工具Stitch的新版本。受此影响,图形设计软件制造商Figma的股价下跌超过4%。Figma是此前UI开发项目中主要使用的平台。 界面构建并不仅限于创建设计。开发者在设计好应用程序的外观后,还需将其转换为HTML和CSS代码,这是一项相当耗时的工作。因为从字体大小到界面元素之间的间距,所有细节都需要手动编码。 Stitch可以自动化这一过程。它利用谷歌代表性的大型语言模型Gemini系列,将界面设计转换为HTML和CSS代码。此外,该工具还支持名为Tailwind的流行开发框架,提供预封装的设计元素。 今日发布的升级版Stitch以"基于AI的无限画布"这一新界面为特色。该画布可并排显示多个视觉资产,让用户能够纵览设计项目的整体面貌。 此外,开发者可通过上传参考图像或提供文本描述来生成界面部分的代码。例如,可以指示其生成AI应用的注册页面。早期版本只能逐个屏幕生成,而新版本一次最多可生成五个屏幕。 正在开发电子商务网站的开发者可以要求Stitch生成产品目录页面、支付页面和购买确认界面。还可以使用"播放"按钮模拟用户如何在这些界面间导航。 如果对AI生成的界面元素不满意,开发者可以使用自然语言指令进行修改,该工具也支持语音命令。用户可以更改字体大小等具体设计细节,或输入"突出显示支付按钮"等更高层级的指令。 该工具的多个功能由新添加的AI代理驱动。开发者可以使用MCP工具将Stitch与谷歌的Antigravity代码工具等外部代理连接起来,Antigravity能够审查界面设计并自动生成新的变体。 Stitch还可以将界面元素导出到外部工具。据谷歌称,该工具现在可以将界面设计细节存储在自然语言文件DESIGN.md中,从而更轻松地在设计工具和整个项目中保持外观的一致性。 Stitch通过谷歌的实验性产品测试平台Google Labs免费提供。