Figma Motion 是内建在 Figma Design 里的动画层。它给你已经在用的画布加上时间轴、关键帧、缓动和弹簧曲线，动画 frame 就躺在定义它的组件和变量旁边。Figma 在 2026 年 6 月 24 日的 Config 2026 上发布了它，官方文档目前仍标注为 open beta（公测）。
KinoViz 是独立的浏览器动效工作室。矢量、文字、图片、视频、3D 模型共用一张无限画布和一条关键帧时间轴，配物理模拟、着色器材质，以及一句提示词起草场景的 AI 助手，最终输出渲染好的 MP4 或 WebM。
两者都跑在浏览器标签页里。真正要问的不是哪个编辑器更顺手，而是：你的动画该待在设计文件里面，还是外面。
选 Figma Motion：如果素材本来就在 Figma、团队也在里面，而且这个动画属于产品设计讨论的一部分。UI 动效规范、原型节奏、给别的设计师复用的动画组件、开发从 Dev Mode 直接拷 CSS 或 React 的交接方式——直接给设计系统已发布的那些图层做动画，这种「零搬运」是任何外部工具都做不到的。
选 KinoViz：如果动画本身就是交付物，而不是对交付物的描述；或者你要的东西是 2D 设计工具画不出来的。3D 模型导入、物理模拟、玻璃与金属材质、ASCII 与半调处理、不卡席位的 60fps 输出，以及——不需要先存在一个 Figma 文件、一个 Figma 账号和一个 Full seat。
| KinoViz | Figma Motion | |
|---|---|---|
| 平台 / 安装 | 纯浏览器，独立工作室 | 浏览器（及 Figma 桌面端），在 Figma Design 内 |
| 是否需要先有设计文件 | 不需要，空画布起步 | 需要，动画做在 Figma 文件的 frame 上 |
| 席位要求 | 自己的账号和套餐 | Figma 账号；高分辨率导出、motion agent、发布动画组件需付费 plan 的 Full seat |
| 2D 矢量动画 | 钢笔、布尔运算、trim path、路径编辑、效果器阵列 | 对已有 Figma 图层做关键帧、缓动、弹簧和预设 |
| 3D | GLB / GLTF 导入（DRACO，上限 50MB）、3D 相机，全档可用 | 不支持 |
| 物理与材质 | Rapier 物理、液态玻璃、长虹与磨砂玻璃、液态金属、辉光泛光、ASCII、半调 | 不支持 |
| AI 起稿 | 对话式 AI 助手（Beta），Creator 及以上 | Figma motion agent，需付费 plan 的 Full seat |
| 导出格式 | MP4（H.264）、WebM（VP9）、PNG 单帧、.kino 工程 | MP4、WebM、GIF、SVG，外加 Dev Mode 的 CSS / JSON / React 代码 |
| 透明输出 | 仅 PNG 单帧，视频会把背景烘进去 | 动画 SVG 可带透明；视频格式是平的 |
| Lottie 导出 | 无 | 无（截至 2026 年 9 月） |
| 分辨率与帧率 | 免费 540p/24fps，Creator 1080p/30fps，Pro 最高短边 1920px/60fps | 超过 1920 x 1080 或超过 30 FPS 需付费 plan |
| 协作 | 目前单席位；团队工作区在 Studio 档（Coming Soon） | 多人实时协作、评论、分支、共享库 |
| 成熟度 | 正式版 | 2026 年 6 月起公测（open beta） |
| 付费起步价 | $8/月（Creator） | $16/月（Professional Full seat） |
| 最适合 | 以视频交付的动效与产品短片 | 设计系统内的 UI 动效与动画组件 |
上表 Figma 数据来自 figma.com/motion、help.figma.com 和 figma.com/pricing，口径为 2026 年 9 月。
这一节写薄了就是不诚实，所以放在前面。
零搬运。 做设计动画最贵的一步，往往是把设计搬进动画工具。每一次导出、重新导入、重新链接字体、重新拍平效果，都在花时间、丢保真度。Figma Motion 把这一步整个删掉了：你动的就是那个 frame、那些真实组件、那些真实变量。上游设计一改，动画看到的就是改完的东西。
你的团队已经在里面。 评论、分支、共享库、多人实时编辑、管理员早就配好的权限——Motion 第一天就全部继承。KinoViz 目前是单席位产品，团队工作区规划在 Studio 档但还不可购买。对一个设计组织来说，这个差距不是功能差距，是组织形态的差距。
动画组件。 把一个动效组件发布到库里，让其他设计师直接复用同一套加载态、同一条抽屉动画，这是真正「设计系统形状」的能力。它需要付费 plan 的 Full seat，而且任何独立视频工具都给不出等价物——因为一个视频文件当不了库资产。
按代码交接。 Dev Mode 能把 CSS、JSON 或 React 交给开发，而不是丢一段让人肉眼比对的参考视频。如果动画的终点是代码库，这条路比任何渲染文件都短。
上面这四条里如果有两条说中了你的处境，别再看对比页了，直接用 Figma Motion。
2D 矢量之外的一切。 KinoViz 全档（含免费档）支持导入 GLB 和 GLTF 模型（DRACO 压缩，单文件上限 50MB），和平面图层放在同一条时间轴上做动画，Creator 及以上还能给相机运动打关键帧，细节见 3D 系统文档。Figma Motion 从构造上就是 2D 的，因为 Figma Design 就是 2D 的。
是模拟和渲染，不只是插值。 Rapier 物理引擎、液态玻璃、长虹玻璃与磨砂玻璃、液态金属、辉光与泛光、ASCII 与半调处理、22 种程序化渐变背景、42 个文字特效预设。这些不是关键帧系统上贴的装饰，其中好几项是着色器 pass——矢量设计工具里没有地方跑它们。高级材质在 Pro 档。
输出不卡席位。 KinoViz 也按套餐限分辨率和帧率，但天花板画在套餐上，不画在席位类型上：Pro 每月 $19（含 7 天试用）就能到短边 1920px、60fps。在 Figma 那边，高分辨率视频导出和任何超过 30 FPS 的输出都需要付费 plan，motion agent 和发布动画组件还要 Full seat——截至 2026 年 9 月，Professional 的 Full seat 标价每月 $16。这笔钱贵不贵，完全取决于你本来是不是就为了做设计而需要这个 Full seat。
AI 起的是整个场景，不是一段转场。 KinoViz 的助手目前是 Beta，Creator 及以上可用，它根据文字描述生成元素和关键帧，你再手动改。它按额度余额计费而不是按次数，发送前会先显示花费，见 AI 生成文档。
不依赖 Figma。 这点值得直说：如果你不用 Figma，或者团队里只有你一个人用，又或者你的素材是从别处来的 SVG 和 PNG，那 Figma Motion 等于要求你为了摸到一条时间轴而先接受整个平台。
Figma 把动画 frame 导出为 MP4、WebM、GIF 或 SVG，可以控制尺寸和帧率，Dev Mode 还能把动画拷成 CSS、JSON 或 React 代码。这里最有意思的是动画 SVG——它是这场对比中唯一一个让矢量保持矢量、并且能在运动中携带透明的格式。截至 2026 年 9 月没有 Lottie 导出。
KinoViz 全档支持 MP4（H.264）、WebM（VP9）和 PNG 单帧，Creator 及以上还能导出 .kino 工程文件。没有 GIF，也没有 Lottie。透明输出只有 PNG 单帧——两种视频格式都会把画布背景烘进每一帧。渲染在你自己的浏览器里完成，没有上传、没有渲染排队。完整矩阵见导出格式。
Figma Motion 没有自己的价格，它继承 Figma 的。截至 2026 年 9 月，Figma 的档位是：Starter 免费；Professional 的 Full seat 每月 $16、Dev seat $12、Collab seat $3；Organization 的 Full seat 年付每月 $55；Enterprise 的 Full seat 每月 $90。Motion 在任意 plan 上、有编辑权限就能用，但导出超过 1920 x 1080 或超过 30 FPS 需要付费 plan，motion agent 和发布动画组件需要付费 plan 上的 Full seat。
KinoViz 的档位是：Free $0（3 个项目、540p、带水印）、Creator $8/月（50 个项目、1080p、商用授权、AI 额度）、Pro $19/月（500 个项目、最高短边 1920px/60fps、高级材质，含 7 天免费试用）、Studio $79/月（面向团队，目前 Coming Soon）。当前列表见价格页。
选 Figma Motion：你是给自己的 UI 做动效的产品设计师；你的组织跑在 Figma 上；这个动画要变成库组件；或者开发会按代码实现它，而不是看一段参考片。
选 KinoViz：你是动效设计师、市场或创始人，动画以文件形态交付；你需要 3D、物理或着色器材质；你想要 60fps 输出但不想为此买一个 Full seat；又或者你根本不希望动画工具底下还压着一个设计工具。
想看更大的图景，2026 年浏览器动画工具盘点梳理了整个品类，KinoViz 与 Rive 对比讲可交互运行时那一侧，KinoViz 与 Jitter 对比讲最接近的浏览器竞品，After Effects 在线替代方案讲桌面替代的角度。想直接看浏览器时间轴到底能做出什么，模板库比任何表格都快。更完整的候选清单见 Figma Motion 替代方案。
免费开始——3 个项目，不需要信用卡，免费档就包含 3D 编辑器、物理和关键帧时间轴。需要干净的 1080p 或 1920px 输出、高级材质和 AI 额度时，Pro 提供 7 天免费试用。
竞品信息基于 2026 年 9 月的公开资料，可能已变动，请以对方官网为准。
