Motion Skills

Claude Design、Claude Motion 與 Remotion 比較：哪個能做出你的影片（2026）

Claude Design 做設計和原型，不能匯出影片。Claude Motion 做短動畫並匯出 MP4，是 Team 和 Enterprise 方案上的 beta 功能。Remotion 是在 Claude Code 裡寫程式使用的影片框架，對個人和 3 人以內的團隊免費。在 Free、Pro 或 Max 方案上，用 Claude Code、Codex 或 Cursor 裡的動態圖像 Skill，就能從你自己的素材做出 MP4，不必建立 Remotion 專案。

方案、匯出格式和價格以 Anthropic 關於 Claude Design 和 Claude Motion 的說明文章以及 Remotion 的授權條款為準，核對於 2026 年 11 月 5 日。本站製作 Motion Skills，是獨立網站，與 Anthropic 無關聯。

簡短回答

Claude Design Claude Motion Remotion + Claude Code Motion Skills
是什麼 和 Claude 對話做出的設計、原型和單頁文件 和 Claude 對話做出的短動畫 把影片寫成程式碼的 React 框架 讓你的程式設計 Agent 導演某一種影片的 Skill
方案 Free、Pro、Max、Ultra、Team、Enterprise Team 和 Enterprise（beta） 任何 Agent 任何 Agent、任何 Claude 方案
能否產生影片檔 不能 能，MP4 能，MP4 及其他格式 能：MP4、帶透明通道的 MOV、WebM、GIF
匯出 .zip、PDF、PPTX、Google Slides、獨立 HTML MP4 你渲染出的任何格式 MP4，另外還有 CapCut 或剪映草稿和一個分享頁
準備工作 無，在 claude.ai 裡使用 無，在 claude.ai 裡使用 Node.js 和一個 Remotion 專案 Node.js、FFmpeg 和 Chrome；專案由 Skill 建立
用你自己的素材 可以 可以：報告、資料、圖片 可以，用程式碼接入 可以：網站、程式碼儲存庫、試算表、腳本、照片、影片素材
音樂 不適用 Anthropic 未說明 自己加入 為每支影片另外寫
費用 包含在你的方案裡 包含在 Team 和 Enterprise 裡 3 人以內免費；超過需要 Company License Motion Director 免費；完整版 Skill 每款 $4.90，或每月 $9.90

Claude Design

Claude Design 是 Anthropic 用來做視覺工作的工具：和 Claude 對話，做出設計、可互動原型、單頁文件等作品，再繼續修改。所有方案都有，包括 Free。它可以匯出 .zip、PDF、PPTX、Google Slides 和獨立 HTML，設計也可以交給 Claude Code 去實作。

要決定一個產品或頁面長什麼樣子，用它正合適。但它不產出影片：Claude Design 的說明文章沒有列出任何影片匯出方式。claude.ai/design 這個獨立網站將於 2026 年 12 月 14 日關閉；Claude Design 本身仍保留在 claude.ai 裡。

Claude Motion

Claude Motion 把你的內容做成一段短動畫（Anthropic 舉的例子有：全員大會上的講解動畫、董事會簡報裡的動態圖表，以及產品導覽）。附上要用的報告、資料或圖片，在對話裡修改結果，再匯出 MP4。

  • 誰能用：Team 和 Enterprise 方案，目前是 beta。Team 預設開啟；Enterprise 需要擁有者開啟。Free、Pro 和 Max 沒有這個功能。
  • 它做不到什麼：它不使用影片生成模型，所以沒有實拍畫面，也沒有 AI 生成的人物。
  • Anthropic 的文章沒有說明的：匯出解析度、長度上限，以及是否會加配樂或配音。動畫越長、越複雜，消耗的用量額度越多。

如果你的團隊能用，這是不離開 claude.ai、從想法到 MP4 最快的方式。更多內容見 Claude Motion 指南和哪些人能用 Claude Motion。

在 Claude Code 裡用 Remotion

Remotion 是一個用 React 做影片的開放框架：每一格都是一個元件，再把專案渲染成影片檔。Claude Code 可以替你寫這些程式碼；Remotion 也維護著一個 Claude Code 外掛，內含 Remotion Agent Skills，用來建立和編輯 Remotion 專案。

  • 費用：對個人（個人或商業用途）和 3 人以內的組織免費。更大的公司需要 Company License；Remotion 的標價是每位撰寫 Remotion 程式碼的人每月 $25，透過程式設計 Agent 撰寫的也算在內。
  • 你要承擔的：一個需要自己建立和維護的 React 專案，以及影片本身的導演工作（鏡頭、節奏、文字排版、音樂），這些都要由你或你的提示詞來提供。

它適合想要可重複使用範本或影片流水線的開發者。兩者的取捨見 Remotion Agent Skills 與 Motion Skills 比較。

Motion Skills

Motion Skill 是一個裝著說明的資料夾，你的程式設計 Agent 載入它來導演某一種影片：發表影片、講解影片、數據影片、直式短片等等。Agent 把影片寫成一個 HTML 頁面（HTML、CSS 和 GSAP），為它作曲，逐格檢查有沒有被裁切或看不清楚的文字，再用你電腦上已有的 Chrome 渲染出 MP4。要修改，直接說出你想要的效果，或在即時預覽裡點選畫面。

  • Motion Director 免費：做一支 10–20 秒、任何類型的影片，從你在三個方向中選定的一個開始。
  • 完整版 Skill 製作某一種片型的整支影片，長度依該片型的需要而定（從幾秒的 Logo 片頭到兩分鐘的課程），每款 $4.90，一次付清；也可以每月 $9.90 使用全部。

它可以在任何 Claude 方案上執行，也能在 Codex、Cursor 或 Gemini CLI 裡使用，不會上傳任何東西。查看所有 Skill。

該用哪一個？

  • 你在設計頁面、簡報或原型：Claude Design。
  • 你的團隊用 Team 或 Enterprise，想在對話裡快速做一支講解 MP4：Claude Motion。
  • 你是開發者，要做可重複使用的範本或影片流水線：在 Claude Code 裡用 Remotion。
  • 你用 Free、Pro 或 Max，或者想不建專案、直接用自己的素材做出一支完整的影片：用 Motion Skill。從免費的 Motion Director 開始。
  • 你已經有一段 HTML 動畫，例如來自 Claude 或 ChatGPT 的 artifact：用 HTML 轉影片把它錄成 MP4。免費，不會上傳任何東西。

常見問題

Claude Design 能做影片嗎？

不能。Claude Design 匯出 .zip、PDF、PPTX、Google Slides 或獨立 HTML。在 claude.ai 裡，動畫要透過 Claude Motion 匯出 MP4，它是 Team 和 Enterprise 方案上的 beta 功能。

Claude Pro 或 Max 能用 Claude Motion 嗎？

不能。Claude Motion 是 Team 和 Enterprise 方案上的 beta 功能。在 Pro 或 Max 上，可以用 Claude Code 裡的動態圖像 Skill 做同類的動畫影片，它會在你的電腦上渲染出 MP4。

在 Claude Code 裡用 Remotion 免費嗎？

免費，適用於個人和 3 人以內的團隊。更大的公司需要 Remotion Company License，Remotion 的標價是每位撰寫 Remotion 程式碼的人每月 $25，透過程式設計 Agent 撰寫的也算在內。

不用 Claude Motion，能把 Claude artifact 裡的動畫變成 MP4 嗎？

能。把 artifact 的 HTML 貼到 HTML 轉影片，在瀏覽器裡錄成 MP4。免費，不會上傳任何東西。想要逐格渲染、有專屬配樂的影片，就用 Claude Code 裡的動態圖像 Skill。

Claude Motion 會加配樂或旁白嗎？

Anthropic 關於 Claude Motion 的文章沒有說明；文章描述的是匯出為 MP4 的動畫。Motion Skills 為每支影片寫配樂，需要旁白的片型還會加上人聲。

claude-motion.com 是 Anthropic 的 Claude Motion 嗎？

不是。claude-motion.com 是 Motion Skills，一個獨立網站，為程式設計 Agent 製作 Skill，並撰寫 Claude Motion 指南。Anthropic 的 Claude Motion 在 claude.ai 裡。

延伸閱讀