stitch的ai 界面开发工具

谷歌最近把Stitch这个AI界面开发工具给升级了,大家可以通过谷歌实验室免费拿过来用。它主要是帮开发者把网站和手机应用的界面给做出来,现在的版本在细节上做了不少改动。Figma公司因为这事股价跌了4%,因为它也是做UI设计的大户。 以前做个界面光画图还不够,还得把设计图转换成HTML和CSS代码,这活儿又累又费时。像字体大小或者元素间距这种小事,都得手动在代码里一点点写清楚。Stitch这回就把这流程给自动化了,用的是谷歌自家的Gemini大语言模型,直接把设计变成代码,还支持TAIlwind这种现成的开发框架。 去年5月谷歌就发了第一个版本,今天这个升级版有个新的“AI原生无限画布”界面。用户可以在一个屏幕上并排显示好多视觉资源,一眼就能看完整个项目。想让Stitch干活儿,你可以传张参考图过去,也能打个招呼让它帮忙设计个注册页面。原来的版本一次只能做一个屏,现在一口气能做五张屏。做电商网站的朋友让它生成产品目录、结账页面还有确认页面就行,点一下“播放”还能模拟一下购物流程。 谷歌实验室的老大乔什·伍德沃德说:“你能在几秒钟内把这些屏幕拼接起来,点一下播放就看完整的互动流程。Stitch能自动根据点击给你算出下一个该出现的界面。” 如果生成的样式不太满意,开发者直接用自然语言提要求改就行。这个工具还支持语音指令,比如你喊一声改改字体大小或者强调下结算按钮都行。 新增了很多由AI智能体驱动的功能。你也能通过MCP工具把Stitch连上Antigravity这种外部工具。Antigravity能检查设计图还能自动出改好的版本。Stitch还能把做好的元素导出到别的工具里去用。 谷歌现在允许用户把设计细节存进一个叫DESIGN.md的文件里保存起来。这么做主要是为了好保持不同工具里的风格一致。