Claude Motion 替代方案：哪種影片該用哪個工具（2026）

要看用途。在程式設計 Agent 中，Motion Skills、Remotion 和 HyperFrames 最接近 Claude Motion 的「以程式碼呈現的動畫」。在瀏覽器中，Hera 和 Jitter 不用寫程式就能製作動態圖像。要在 App 中做互動動畫，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	免費方案；付費方案按編輯者計費	為 UI 和品牌素材製作動畫的設計師
Rive	編輯器，再透過執行環境在 App、網站和遊戲中執行	你，用狀態機	在你的產品中執行的互動動畫；未說明 MP4 匯出	本文未涵蓋	會回應使用者操作的 App 和網頁 UI
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 中使用。

第一支是我們自己的發表影片，用發表片 Skill 製作；第二支是根據 npm 下載次數做的數據影片，用數據片 Skill 製作。作品集中的每支影片都標明了製作它的 Skill。

需要講者出鏡說話、要渲染數千種變化的影片產品，或 App 中的互動動畫時，請選擇其他工具。這些是下面各個工具的工作。

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 動態設計 App

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 積分

我們查看時，頁面上的方案價格並未以文字顯示。

App 何時勝過 Agent

想在時間軸上親手移動元素、在瀏覽器中與設計團隊協作，或根本不使用程式設計 Agent 時，選 App。影片應該來自你電腦上已有的素材（程式碼儲存庫、資料檔、腳本）、想透過提出要求來修改，或想保留專案並在下個月重新渲染時，選 Agent 工具。

互動動畫：Rive 和 Lottie

Rive 是「一款 Agent 原生的互動圖像引擎」：你在 Rive Editor 中製作，加入狀態機讓動畫回應使用者，再用適用於網頁、iOS、Android、Flutter、React、Unity 等平台的開源執行環境發布。這和影片是不同的工作：Rive 檔案在你的 App 內執行，它的網站也沒有提到 MP4 匯出。Lottie 屬於同一類，是一種由執行環境播放的動畫格式；Jitter 可以匯出成這種格式。需要會動的按鈕、載入動畫或新手引導畫面時，用這些工具。需要一支可以發布的影片時，用上面的工具。

講者影片：HeyGen

HeyGen 是以 AI 講者為核心的瀏覽器 App：畫面上有真人或數位人，用多種語言念出你的腳本。如果影片需要一張臉和一個聲音，就該用這類工具。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。
• 你的動畫存在於 App 內，並會回應使用者操作：Rive（或 Lottie）。
• 你需要講者出鏡說話或配音：HeyGen。

常見問題

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

要看用途。如果你使用程式設計 Agent，Motion Skills（在你的電腦上渲染 MP4 的完整版 Skill）、Remotion（React 影片）和 HyperFrames（HTML 影片，Apache 2.0）最接近 Claude Motion 的「以程式碼呈現的動畫」。如果你想用瀏覽器 App，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 是為在 App、網站和遊戲中執行的互動動畫而打造的，不是用來渲染 MP4 短片。

資料來源

• Anthropic，Get started with Claude Motion 和 Claude pricing
• Remotion，remotion.pro（授權和方案）
• HeyGen，HyperFrames
• Motion Canvas
• Hera、Jitter pricing、Rive

本比較為獨立內容。我們與 Anthropic、Remotion、HeyGen、Motion Canvas、Hera、Jitter 或 Rive 均無關聯。Claude 是 Anthropic, PBC 的商標；其他名稱為其各自所有者的商標。已於 2026 年 10 月 29 日核實。