最近谷歌把自己的AI界面开发工具Stitch升级了,这下可好了。你知道Stitch是什么吗?它其实是谷歌专门为网站和移动应用开发人员设计的一个AI工具。Stitch会用谷歌自己的Gemini大语言模型,把设计师们弄好的界面设计图直接转换成HTML和CSS代码,真的给开发省了不少事儿。可是这个消息刚出来,Figma的股价就下跌了超过4%。大家对Figma多熟悉啊,它是UI设计项目的首选工具。毕竟Figma好上手,大家用得都习惯了。不过这个Stitch真的很厉害,它不光能帮你搞定图形设计这么简单。其实从一个网页或App的外观到最终的HTML和CSS代码中间还有很多细节要处理呢。比如说字的大小、元素之间的间距,这些都得在代码里一个个手动定义。这过程可真麻烦。Stitch就把这个过程给自动化了。它借助Gemini大模型的力量,自动把你设计好的界面转换成代码。更厉害的是它还支持TAIlwind框架呢,这框架有很多预打包好的设计元素。谷歌去年5月才推出了Stitch初始版本呢,这次升级简直是个惊喜。这次升级引入了一个全新的“AI原生无限画布”界面。这画布一次能显示好几个视觉资源呢,设计师能一眼看到所有设计内容。而且你甚至可以上传参考图或者给AI一些文字描述,让它直接帮你生成代码。比如你让它为AI应用生成注册页面也没问题。 旧版本Stitch一次只能生成一个屏幕吧?这次不一样啦!据说新版Stitch能同时生成五个屏幕呢。比如说电商网站开发者可能想要产品目录页、结算页还有购买确认页什么的,新版Stitch全都搞定了。最妙的是它还有一个“播放”按钮,让你在几秒钟内就能看到整个交互流程。开发者们在这几秒钟内就能把屏幕“拼接”起来预览效果了。谷歌实验室副总裁乔什·伍德沃德在博客里提到过:“你可以用自然语言提示来优化AI生成的元素。” 如果AI生成的界面元素需要修改也不用担心啦!开发人员可以直接用自然语言或者语音命令去调整它。比如你可以说“把字体调大点”,“强调一下结算按钮”之类的指令。 这次升级不仅如此哦!谷歌还给Stitch增加了很多AI智能体功能呢。现在开发者们可以选择用MCP工具把Stitch和外部智能体连接起来用。比如说Antigravity编码工具吧,Antigravity能审查界面设计并且自动生成新的变体呢。 最后啊,Stitch还可以把界面元素导出到其他外部工具里面去使用呢。现在它还支持把设计细节保存在一个叫DESIGN.md的自然语言文件里啦!这文件是专门用来让设计工具和项目之间保持一致外观的任务更容易完成。 好了,最后说说怎么获取Stitch吧?它现在是通过谷歌实验室平台免费提供的哦!大家快去试试吧!