2026年11月12日,Figma宣布3D变换功能进入公开测试,全部全席位用户(Full seat)即日起可用。用户可以在画布上倾斜、旋转、排列文字、图片、矢量与画框,给父级画框加上透视效果后,内部元素会共享同一个空间构图;效果是非破坏性的,原始素材随时可编辑,还能与着色器、Figma Motion动画和Figma智能体叠加使用。对设计师来说,这意味着空间感不再是导出后处理,而是直接在画布上做。
Figma品牌工作室用这套工具做了3D变换的发布视频,过程本身就是一次能力展示。品牌设计师迪安娜·格利用黑白排版试验沿Z轴排列文字,再让智能体按间隔重复排布,“智能体负责算数,我负责创意”;她还用智能体搭建几何体,把文字动画贴到矩形管上做成组件,复制组件就能快速比较构图。另一位动态设计师本·希尔则让智能体写了一个生成式插件,把卡片自动排成网格、螺旋、圆环或随机散布,省去了逐个手算坐标的麻烦;他还用渐变映射着色器给一朵3D矢量花上色,最后把场景放进一个虚构品牌的主页概念里检验效果。
3D变换还能直接对应CSS:在Dev Mode里选中3D图层,就能查看并复制精确的CSS变换值,包括各轴深度与旋转角度;通过Figma MCP服务器,编码智能体也能读取并创建3D设计,画布探索与代码实现之间少了一道翻译工序。
谁现在就能用上
公开测试面向全部全席位用户,Figma同时放出了帮助中心文档与练习文件,设计师可以照着官方示例上手。值得注意的是,Figma这篇博客的重点不是参数列表,而是工作流变化:智能体接手重复排布与插件搭建,设计师把时间留给构图与美术判断;组件化让颜色、渐变在动画完成后仍可调整。习惯了平面画布的团队,第一次用3D变换时可以先从小幅倾斜与透视效果试起,确认导出与开发交接没有问题再铺开。想了解Figma智能体更多用法,可参考本站此前的Figma画布智能体6种用法。