AI设计工具,Figma 用户是福还是祸?UI源文件直接生成,能解放多少时间?

2025-10-20 10:05:27 作者:Vali编辑部

最近AI设计工具的更新节奏快得让人有点措手不及,感觉设计师们都被逼到墙角了。就在前两天,Google在开发者大会上一口气甩出新武器——Google Stitch,这玩意儿直接让Figma有点坐不住。

这是一款由AI驱动的UI设计工具,核心功能是通过自然语言描述生成网页和移动端界面。更厉害的是它还能直接导出HTML/CSS代码,甚至可以一键粘贴进Figma,实现从原型到上线的无缝衔接。要说这个功能有多牛,看看它支持的选项就明白了:Standard Mode和Experimental Mode。

Standard Mode基于Gemini 2.5 Flash模型,生成速度挺快的,这应该得益于背后的Gemini模型。这个模式最大的亮点是支持直接导出到Figma,让设计师能快速进行后续修改。我试了一下,输入"设计一个现代健身APP界面"这样的提示词,生成的界面风格明显带着Google的UI基因,但生成速度确实快。

这个模式还有个贴心设计,页面右上角有个"Edit theme"功能,能自定义主题色、字体样式等。比如我想把整体配色调成黄色,同时让卡片圆角小一点,设置起来特别方便。这种在已有设计基础上进行微调的能力,确实比每次从头生成更实用。

生成的页面顶部有个"Figma"按钮,点一下就能复制。复制到Figma后,所有组件、文字、图片都分层处理,连"Auto Layout"这种自动布局都给你安排好了。特别是图标排列,规范得让人想给它竖大拇指。

这个工具其实也支持中文切换,但稳定性还有待提升。我试过输入中文提示词,生成的中文字体转换没问题,但遇到复杂指令就容易卡顿。用英文提示词生成的界面,无论是字体还是排版都更稳定。

测试后台管理系统时,输入提示词"设计一个现代健身后台管理界面",生成的6张页面简洁明了。复制到Figma后,曲线都是路径形式,不是直接用图片,这种处理方式很专业。切换暗色系主题时,10秒就能完成6张图的风格更换。

不过这个模式有个小bug,我原本想编辑暗色系界面,结果直接变成了浅色主题。这说明目前还处于Beta阶段,有些小问题很正常。再试了个官网设计,输入提示词"设计一个现代健身网站",生成的界面布局合理,符合用户阅读习惯。

Experimental Mode用的是更高级的Gemini 2.5 Pro模型,支持图生图功能,但目前还不能直接复制到Figma,也不能修改主题颜色。用文生图测试时,输入"设计一个时尚鞋类APP",生成的效果非常出色,毕竟这是Google最强大的模型。

再试试图生图,直接给它扔张UI图,让它按照参考图的风格生成新界面。生成的图片虽然不能直接编辑,但作为设计参考或灵感图完全够用。相比之下,Standard Mode的实用性更胜一筹。

整体来看,Google Stitch确实展现了AI在设计领域的强大潜力。Standard Mode在生成速度、可编辑性和与Figma的衔接上表现优秀,而Experimental Mode虽然还略显"半成品",但图生图功能的潜力值得期待。目前处于Beta阶段,问题在所难免,但只要Google持续打磨,这个工具很可能会成为设计师工作流里的强力助手。

测试过程中发现,这个工具对语言的适应性还有提升空间。用英文提示词生成的界面更稳定,中文字体转换虽然没问题,但遇到复杂指令容易卡顿。这说明虽然大语言模型已经进化到多模态,但具体到设计工具的应用上,还有优化空间。

从实际体验来看,Standard Mode更适合日常使用,能快速生成可编辑的UI界面。而Experimental Mode更适合做设计参考或灵感图,尤其在图生图功能上表现突出。对于需要快速生成界面的设计师来说,这个工具能有效提升工作效率。

总的来说,Google Stitch的推出让AI设计工具的实用价值又上了一个台阶。无论是Standard Mode的高效生成,还是Experimental Mode的创意潜力,都让设计师们看到了新的可能性。虽然目前还处于Beta阶段,但随着持续优化,这个工具有望成为设计领域的得力助手。