Motion Skills
← 教程

Claude Motion 替代方案:什么视频该用什么工具(2026)

要看具体做什么。在编程 Agent 中,Motion Skills、Remotion 和 HyperFrames 最接近 Claude Motion「动画即代码」的做法。在浏览器中,Hera 和 Jitter 不用写代码就能做动态图形。要在应用里做交互动画,适合用 Rive 这类工具;要有真人出镜讲解,就用 HeyGen。Claude Motion 本身只在 Claude Team 和 Enterprise 中提供。下文从运行位置、由谁编写动画、导出什么和费用四个方面对比十款工具,也包括答案不是我们的情况。

每款工具的信息都来自它自己的官网,已于 2026 年 10 月 29 日核实。官网没有说明的内容,表中写作「未说明」。Motion Skills 是我们做的,看我们这一行时请考虑到这一点。

一览

运行位置 由谁编写动画 得到什么 收费方式 最适合
Claude Motion 在 Claude 中,Team 和 Enterprise 套餐(beta) Claude,根据你的提示词 一支动画讲解片,导出为 MP4 不单独收费;计入套餐用量 已在使用这些套餐的团队
Claude Design 在 Claude 中,所有套餐 Claude 设计稿;Anthropic 没有提到 MP4 动画 所有套餐都包含,包括 Free 设计和幻灯片,而不是视频
Motion Skills 你的编程 Agent,在你的电脑上 你的 Agent,由一个 Skill 指导 一整支带配乐的片子,渲染为 MP4,并附带项目 Motion Director 不收费;每个 Skill $4.90,或购买方案 在你使用的 Agent 中,用自己的素材做片子
Remotion 你的 React 项目 你或你的 Agent,用 React 从你的项目渲染出的视频 3 人以内免费;4 人及以上的公司需要许可证 开发者、视频产品、大规模渲染
HyperFrames 你的电脑 你或你的 Agent,用 HTML、CSS 和 GSAP MP4,在无头 Chrome 中用 FFmpeg 渲染 开源,Apache 2.0 由 Agent 编写的 HTML 视频
Motion Canvas 你的电脑,带实时预览编辑器 你,用 TypeScript 动画;README 中未说明视频输出 开源,MIT 用代码做讲解动画的开发者
Hera 浏览器 AI Agent,根据你的提示词生成可编辑图层 官网未说明导出格式 首页未说明 以提示词为先的广告和社媒图形
Jitter 浏览器 你,在时间线上,配合 AI 功能 视频、GIF 和 Lottie;免费版 720p(带水印),付费套餐最高 4K 免费套餐,付费套餐按编辑者计费 为界面和品牌素材做动画的设计师
Rive 编辑器,再通过运行时用于应用、网站和游戏 你,借助状态机 在你的产品中运行的交互动画;未说明能否导出 MP4 本文不涉及 响应用户操作的应用和网页界面
HeyGen 浏览器 AI 数字人,根据你的脚本 数字人出镜视频 本文不涉及 屏幕上需要一张脸和一个声音

想用 Claude Motion,但你的套餐里没有

Claude Motion 是只面向 Claude Team 和 Enterprise 的 beta 功能;Free、Pro 和 Max 都没有,也没有附加购买选项。哪些套餐包含它、本该能看到却看不到时的 4 步检查,以及没有 Team 时的所有做法,都在 Claude Motion 不在你的套餐里?中。简单来说:用 Pro 或 Max,就在 Claude Code 中使用一个 Skill(分步教程);用 Free,同样的 Skill 也能在 Codex、Cursor 或 Gemini CLI 中使用(做法)。

与你的 Agent 一起运行的代码工具

这四款工具保留了 Claude Motion 背后的思路,即视频是一段可以修改的代码,但它们在你自己的电脑上运行,项目也留在你手里。

Motion Skills

Motion Skills 是由你的编程 Agent 加载的完整版 Skill,每个片型一个:发布片、讲解片、数据视频、竖屏短视频、演示文稿等。你把素材(代码仓库、网站、电子表格、脚本)交给 Agent,并说明片子的用途。Skill 会选定方向并给你看一张关键帧,把片子写成代码,创作一段原创配乐,对照素材来源检查每一帧,再用我们的开源引擎 motion-skills 渲染出 MP4。要修改时,用平常的话说出来即可。

Motion Director 用 Google 登录即可免费使用,可以做 10–20 秒、任意类型的片子;每个完整版 Skill 售价 $4.90,也可以通过方案获得全部 Skill(价格)。不用积分。它可以在 Claude Code、Codex、Cursor 和 Gemini CLI 中使用。

一镜到底的 Motion Skills

我们自己的发布片,全程没有剪切:标志方块依次变成安装、你的素材、三个方向、成片和配乐、一次修改,最后放出七支真实示例片。

发布片 示例16:9 · 26 秒

每句文字都出自本站自己的页面。

Vite 什么时候超过了 webpack

2021 年以来每月的 npm 下载量:2025 年 9 月交叉,单月尖峰直接标在图上。

数据片 示例16:9 · 22 秒

数据来自 npm 下载量接口,2026 年 10 月 24 日取数。

第一支是我们自己的发布片,用发布片 Skill 制作;第二支是根据 npm 下载量做的数据视频,用数据片 Skill 制作。作品中的每支片子都注明了制作它的 Skill。

如果你需要真人出镜讲解、要渲染成千上万个版本的视频产品,或者应用里的交互动画,请选择其他工具。这些正是下面各款工具的用途。

Remotion

Remotion 让你用 React 组件写视频。对于想完全掌控、或要在服务器上大规模渲染个性化视频的开发者,它是成熟的选择。它的 Agent Skills 教 Claude Code、Codex 或 Cursor 写出正确的 Remotion 代码;故事、节奏和声音仍由你决定。

Remotion 对个人和 3 人以内的公司免费,商业用途不受限制;4 人及以上的公司需要购买 Company License。在 remotion.pro 上,Remotion for Creators 每个席位每月 $25,Remotion for Automators 每次渲染 $0.01,每月最低 $100。它的 Agent Skills 与完整版 Skill 相比各做什么,见 Remotion Agent Skills 与 Motion Skills 对比。

HyperFrames

HyperFrames 来自 HeyGen,是一个开源框架,可以把 HTML、CSS 和动画转成 MP4 文件。你的 Agent 编写页面;渲染器在无头 Chrome 中逐帧定位,再用 FFmpeg 编码。它采用 Apache 2.0 许可,提供 Claude Code 插件和独立的 Skill。我们早期的动效模板(现在作为示例保留)就是基于它构建的。两个引擎的对比见 HyperFrames 与 Remotion 对比。

Motion Canvas

Motion Canvas 是「一个使用生成器来编写动画的 TypeScript 库」,配有一个实时预览动画的编辑器。它采用 MIT 许可,适合喜欢用代码一步步亲手编写讲解动画的开发者。它不是 Agent Skill 库:动画由你自己写;如何输出视频文件,写在它自己的文档中,而不是 README 里。

浏览器中的 AI 动效应用

Hera

Hera 称自己是「AI 原生的创意画布」。你描述想要什么,例如「为 Lovable 做三条 9:16 的广告」,AI Agent 就会在同一块画布上生成图片、设计和动画,每一项都是可以调整的可编辑图层。它的首页没有说明导出格式、价格或水印,围绕它做计划之前请先确认这些。

Jitter

Jitter 是「一款协作式动效设计工具」:你在时间线上做动画,并可使用 Agent、图片转视频等 AI 功能。它的价格页按套餐列出了导出限制:

套餐 导出
Free 720p、30 fps;视频、GIF 和 Lottie;带水印
Pro 1080p、60 fps;增加 ProRes 和 WebM;无水印
Max 4K、120 fps;增加透明背景、逐帧和批量导出
Ultra 包含 Max 的全部功能,并提供更多 AI 积分

我们核实时,该页面上的套餐价格没有以文字形式显示。

什么时候应用比 Agent 更合适

如果你想在时间线上手动调整元素、在浏览器中与设计团队协作,或者根本不用编程 Agent,就选应用。如果片子应该来自你电脑上已有的素材(代码仓库、数据文件、脚本),你希望通过提要求来修改,或者想保留项目、下个月再渲染一次,就选 Agent 工具。

交互动画:Rive 和 Lottie

Rive 是「一款 Agent 原生的交互图形引擎」:你在 Rive Editor 中制作,加入状态机让动画响应用户操作,再通过面向 Web、iOS、Android、Flutter、React、Unity 等平台的开源运行时发布。这和视频是两回事:Rive 文件在你的应用内运行,它的官网也没有提到 MP4 导出。Lottie 属于同一类,是一种由运行时播放的动画格式;Jitter 可以导出为这种格式。如果你需要一个会动的按钮、加载动画或引导页,就用这些工具。如果你需要一支用来发布的片子,就用上面的某款工具。

数字人出镜视频:HeyGen

HeyGen 是以 AI 数字人为核心的浏览器应用:屏幕上有一个人或数字人,用多种语言念你的脚本。如果视频需要一张脸和一个声音,就该用这类工具。Motion Skills 做的是动态图形(标题、图表、示意图、字幕和界面标注),不做数字人。HeyGen 也维护着 HyperFrames,也就是我们早期的动效模板所用的开源渲染引擎;我们的完整版 Skill 运行在我们自己的开源引擎 motion-skills 上。我们与 HeyGen 没有关联。

免费开源 Skill

GitHub 上有一些免费的动效 Agent Skill,其中有些做得不错。依赖某个 Skill 之前,先看看它包含什么。要做出能直接发布的视频,我们发现这几点很重要:

  • **测试过的主题和画幅。**为 16:9、9:16 和 1:1 分别设计排版,而不是把一个画面硬塞进其他比例。
  • **渲染前检查。**Agent 在渲染前查看静帧,发现出问题的地方。
  • **声音。**与剪辑相配的音乐和音效。
  • **完整成片。**从一篇文章、一张电子表格或一个代码仓库做到成片,而不只是一个场景。
  • 清晰的许可,在工作中使用成片没有顾虑。

本站每个 Skill 都必须通过的检查,列在我们的标准中。

如何选择

  • 你在用 Claude Team 或 Enterprise,想在对话中快速做一支讲解片:Claude Motion。
  • 你使用编程 Agent,想用自己的素材做出完整成片:Motion Skills。先用免费的 Motion Director 开始。
  • 你是开发者,在做视频产品,或要渲染成千上万条视频:Remotion;如果更想写 HTML,就选 HyperFrames。
  • 你喜欢自己用 TypeScript 写动画:Motion Canvas。
  • 你更想描述一条广告,再在浏览器中调整图层:Hera。
  • 你是设计师,想要时间线和图层:Jitter。
  • 你的动画在应用内运行并响应用户:Rive(或 Lottie)。
  • 你需要真人出镜讲解或配音:HeyGen。

常见问题

最好的 Claude Motion 替代方案有哪些?

要看具体做什么。如果你使用编程 Agent,Motion Skills(在你的电脑上渲染 MP4 的完整版 Skill)、Remotion(React 视频)和 HyperFrames(HTML 视频,Apache 2.0)最接近 Claude Motion「动画即代码」的做法。如果你想用浏览器应用,Hera 和 Jitter 不用写代码就能做动态图形。要真人出镜讲解,适合用 HeyGen 这类工具。Claude Motion 本身只在 Claude Team 和 Enterprise 中提供。

有免费的 Claude Motion 替代方案吗?

有。HyperFrames 以 Apache 2.0 许可开源。Remotion 对个人和 3 人以内的公司免费。Motion Skills 的 Motion Director 用 Google 登录即可免费使用,在你的电脑上渲染 10–20 秒的片子。Jitter 的免费套餐以 720p 导出,并带水印。

Hera 和 Jitter 该用哪个?

Jitter 是一款动效设计工具:你在时间线上用图层做动画,并有 AI 功能辅助。Hera 以提示词为先:你描述想要什么,再调整它的 Agent 生成的可编辑图层。如果你更想自己移动关键帧,就用 Jitter;如果你更想先描述再修正,就用 Hera。

能免费做出没有水印的动态图形吗?

能,用在你电脑上运行的工具:HyperFrames 和 Motion Canvas 是开源的,Remotion 对个人和 3 人以内的公司免费,免费的 Motion Director 渲染的片子也没有水印。Jitter 的免费套餐会加水印;Hera 的首页没有说明。

Motion Canvas 适合做视频吗?

Motion Canvas 是一个采用 MIT 许可的 TypeScript 库,用代码驱动动画,配有实时预览编辑器。如果动画由你自己来写,它适合做讲解片。它不是 Agent Skill 库。

Rive 是 Claude Motion 的替代方案吗?

基本不是。Rive 是为在应用、网站和游戏中运行的交互动画而做的,不是用来渲染 MP4 短片的。

参考来源

本对比为独立内容。我们与 Anthropic、Remotion、HeyGen、Motion Canvas、Hera、Jitter 或 Rive 均无关联。Claude 是 Anthropic, PBC 的商标;其他名称是其各自所有者的商标。已于 2026 年 10 月 29 日核实。