最后更新 06-25-2026
分类:
Reviews:
Join thousands of AI enthusiasts in the World of AI!
Figma Motion
Figma Motion 在同一个 Figma 画布上新增了原生动画时间线，你的组件、变量和团队都在这里工作。设计师可以切换到 Motion 模式，为位置、缩放、旋转和不透明度设置关键帧，无需导出到单独的动画工具。
预设的动画风格，如淡入淡出、移动和缩放，提供了快速的起点，而 Figma 代理还可以根据提示生成关键帧。动画组件和运动变量让团队可以发布可复用的运动系统，当模式变化时在文件间自动更新。
Figma Motion 正在进行公开测试，面向希望实现生产就绪交付的设计和开发团队。开发者模式（Dev Mode）显示完整时间线，开发者可以复制 CSS、JSON、React 或 motion.dev 代码，或通过 Figma MCP 服务器分享上下文
在画布时间线上设置关键帧的位置、缩放、旋转和不透明度
Figma 代理直接在时间线上根据提示构建动画
动画组件在所有使用它们的文件中保持动画效果
从文件导出动画帧为 MP4、GIF、SVG 或 WebM 格式
开发模式复制 CSS、JSON、React 或 motion.dev 动画代码
动画与组件和变量保存在同一个文件中，保证评审时保持上下文一致。
开发模式交付包含可读的时间、缓动函数，以及可复制的生产代码。
带有模式的动画变量切换时，会更新整个文件中的动画效果。
仍处于公开测试阶段，因此Starter计划有导出限制，且部分功能即将推出。
完整的设计系统集成和动画代理需要付费的完整席位计划。
Figma Motion处于测试阶段吗？
是的。Figma Motion目前处于公开测试阶段。Starter用户可以使用有限的导出功能，而所有计划中的全席用户可以访问运动原语和导出功能。全面的设计系统集成和Figma代理用于运动功能仅在付费计划中提供。
哪些Figma计划包含Figma Motion？
Figma Motion测试版适用于全席用户。Figma的定价页面列出了与全席计划相关的Figma Motion（测试版）功能，包括运动时间轴、运动系统创作、动画导出及开发模式交接。
开发者可以在Figma Motion中检查动画吗？
可以。在开发模式下，开发者可以打开Motion标签查看完整时间轴，读取时间值和缓动曲线，并复制CSS、JSON、React或motion.dev格式的动画代码。
Figma Motion支持着色器动画吗？
支持。Figma的发布说明指出，着色器暴露的每个属性都可以在运动时间轴上设置关键帧，扩展了可动画的属性，超越了传统设计属性。
我可以从Figma Motion导出视频吗？
可以。Figma Motion允许你选择带动画的画板，并直接从文件导出MP4、GIF、SVG或WebM格式，方便进行早期评审和分享。
Figma Motion支持3D变换动画吗？
Figma Motion产品页面显示，针对沿Z轴旋转的画板、矢量和文本的3D变换动画即将推出，现可加入候补名单等待。