做设计的人应该都碰到过这种情况:脑子里已经想好一个互动效果,鼠标移上去怎么动、背景怎么变,甚至连节奏都差不多有了。可真要落地,还是得先画个静态稿,再补几句说明,有时候还要找一段参考视频给开发看。

Figma 这次往前走了一步。它把生成式插件和 Shader 的能力继续开放出来,设计师可以直接描述自己想做什么,让 Figma agent 帮忙生成对应的小工具或者视觉效果。

Shader 这个词听起来有点技术,其实放到日常设计里没那么复杂。像扭曲、发光、玻璃感、粒子、跟着鼠标变化的背景,这些都可以算在里面。比如你想做一个卡片,鼠标移上去以后,背景像水波一样散开。过去可能先做个示意,现在可以直接在 Figma 里把效果跑起来,看一遍是不是自己脑子里想的那个感觉。

这个差别其实挺实际。很多想法不是做不了,而是刚说到“这个需要开发”,整个节奏就慢下来了。现在至少可以先做出来看看,再去和产品、前端聊,不用一开始就把所有细节解释得特别清楚。

生成出来的插件和 Shader 也不只是留在自己文件里。它们可以发到 Figma Community,其他人能直接拿来用。公司内部如果有自己的设计规范或者常用工具,也可以只在团队里分享。

Figma 还保留了代码这一层。生成后的插件和 Shader 可以继续查看、修改,外部 agent 也能通过 Figma MCP 读取这些内容。对设计师来说,这不一定意味着以后都得去学编程,更像是多了一种工作方式:先把想法变成能动的东西,后面要不要继续往工程里走,再看实际需要。

我觉得这类更新最有意思的地方,不是又多了几个功能按钮。

而是设计师在表达一个想法的时候,终于可以少解释一点,先把东西做出来。

有时候,能先做出来,就已经省掉很多事。