MOTION CANVAS 替代方案
不想自己寫程式時的 Motion Canvas 替代方案
喜歡解說動畫，卻不想每個場景都用 TypeScript 寫？把需求說出來，讓你的 Agent 寫程式，再到時間軸上細修。
每月 $19.9 起 · 支援 Claude Code 與 Codex · 獨立營運，與 Anthropic 無關
使用 Claude Motion 必須訂閱付費的 Creator 或 Studio 方案，不提供 Free 免費版。
MOTION CANVAS
- TypeScript 場景
- 即時預覽
- 圖表要自己做
- 免費、開放原始碼
CLAUDE MOTION
- 用白話寫的需求說明
- HyperFrames 時間軸
- 內建 ECharts
- 每月 $19.9 / $49.9
在你自己的 CLAUDE CODE 或 CODEX 上執行 · 以 HYPERFRAMES 打造 · MP4 + 互動網頁
| MOTION CANVAS | CLAUDE MOTION | |
|---|---|---|
| 你要寫的 | TypeScript 場景 | 用白話寫的需求說明 |
| 編輯器 | 即時預覽 | HyperFrames 時間軸 |
| 圖表 | 自己做 | 內建 ECharts |
| 輸出 | 影片 | 網頁 + MP4 |
| 費用 | 免費、開放原始碼 | 每月 $19.9 / $49.9 |
- 01你喜歡用程式碼製作動畫，想要完全掌控 → Motion Canvas。
- 02你需要完全開放原始碼的工作流程 → Motion Canvas。
- 03你是從一份文件開始，而不是空白場景 → Claude Motion。
- 04你需要測驗、篩選或分享連結 → Claude Motion。
想寫程式就寫，不想寫就用時間軸
剪輯與調整節奏
在 HyperFrames 時間軸上移動片段、調整時間。
替換區塊
從 HyperFrames 元件庫換入圖表、字幕與轉場。
或直接開口
告訴 Claude Code 要改什麼，它會修改同一個合成。
你需要的功能都在這裡
動態風格
選一種風格，或讓你的 Agent 自由設計。
動態圖表
內建 ECharts，風格一致。
測驗與拖放
預設即可互動。
HyperFrames 時間軸
編輯片段、時間與區塊。
旁白
英文與中文，品牌名稱念得正確。
配樂
現在產生或之後再加。
分享連結
公開或設密碼，附統計資料。
MP4 算圖
本機執行、結果可重現。
三步驟從 Motion Canvas 換過來
- 1把一行安裝指令貼到 Claude Code 或 Codex。
- 2放入你的文件並選一種動態風格，配樂可以現在選或之後再選。
- 3在 HyperFrames 時間軸上細修，然後算圖成 MP4 或分享連結。
安裝 Claude Motion：執行 npx -y claudemotion@latest setup，並依照輸出的提示完成。
第一次執行會開啟瀏覽器登入，點一下就好，不用碰終端機。
常見問題
兩個可以一起用嗎？
可以，兩者並不衝突。很多開發者先用 Agent 做原型，再用程式碼手動微調。