Figma 推出设计智能体:用提示词直接在画布上生成定制插件
Figma 在 Config 大会上推出设计智能体。设计师输入提示词,AI 就能直接在画布上生成并运行可复用的定制插件或 WebGPU 着色器,全程无需配置开发环境。以往必须找工程师协助的脚本工具,现在一句话就能自制并共享给全团队。

以前在 Figma 里画界面,如果想批量重命名图层、抓取线上数据或者做个专属布局工具,设计师通常只有两条路:要么去社区碰运气找插件,要么硬着头皮找前端工程师帮忙写脚本。
Figma 在 Config 大会上正式推出了设计智能体。最抓眼球的变化在于,现在你只要在画布上打字描述需求,AI 就能实时帮你搓出一个能跑的可复用插件。
一句话把想法变成画布上的小工具
这次推出的生成式插件完全不需要本地开发环境,也不需要设计师懂代码。智能体在后台生成逻辑,界面则直接套用 Figma 的 PropsKit 组件库,做出来的插件视觉上和原生工具毫无二致。
产品设计师 Edward Chechique 就用它做了一套把 HTML 直接转成画布图层、自动排版仪表盘的小工具。他提到以前想做这种定制流程,要么求工程师排期,要么在各种外部 AI 网页之间来回复制粘贴,现在直接在画布里对话就能搞定。
除了常规逻辑插件,智能体还能帮你写 WebGPU 着色器代码。像粒子拉伸、像素化、噪点、水彩纹理或者镜头畸变这类以往必须靠外部图像软件导出的效果,现在都能在画布上直接生成并实时渲染。
创意技术专家 Anna Zhang 在测试时把摄影作品做成了带有金属压花和大理石纹理的混合效果。她觉得这更像是一种谈判,自己把控功能方向,AI 负责搭建控制参数与界面。
读懂设计规范与真实业务
要让 AI 产出能用的东西,光靠一句简单的提示词往往不够。Figma 这次给智能体塞进了更深的设计上下文支持。
你可以直接把用户访谈记录、UX 文案文档或者数据报告拖进对话框,AI 会参考这些背景来执行任务。如果你粘贴另一个 Figma 文件的链接,它拿到的不是一张扁平截图,而是完整的组件结构、设计变量、布局和样式定义。
智能体甚至支持网页搜索和 MCP 外部工具连接。比如做餐饮类界面时,它能实时抓取真实的餐厅名字与图片填充占位,而不是反复生成那些毫无生气的假数据。
在费用门槛上,Figma 采取了相对宽松的做法:无论是你自己生成的、同事分享的还是社区淘来的插件和着色器,所有人都能免费运行;只有让智能体动手写插件和着色器的过程,在全面开放后才会消耗 AI 点数。
为什么重要
我们认为,Figma 这一步走得相当敏锐。过去一年很多设计工具都在死磕「文生界面」,但实际工作中 AI 直接画出来的版面往往无法落地,设计师反而要花更多时间去清理图层。
把 AI 的能力下放到「为设计师造工具」,价值明显实在得多。对于设计团队来说,每个团队都有自己奇奇怪怪的命名规则、数据导入习惯和业务流程,以往为了这些小需求去麻烦工程师并不现实,现在设计师自己花两分钟就能拼装出趁手的脚本。
对行业而言,这也改变了设计工具的生态竞争。当工具的生产门槛降到只剩自然语言,插件不再是少数懂代码设计师的专利,个人工作流能够以极低成本固化为团队资产。
不过隐患依然存在。生成式插件目前只能处理 Figma 内部逻辑,如果要调用第三方 API 或外部 AI 服务,依然得走传统插件开发流程。此外,完全不懂代码的设计师在遇到逻辑边缘情况或插件报错时,排查依然只能寄希望于 AI 重新生成,这需要智能体在容错和调试上有足够强的表现。
来源 (2)
- theverge.com(在新标签页打开)原文theverge.com
- figma.com(在新标签页打开)报道figma.com