在你自己的 CLAUDE CODE 或 CODEX 上執行 · 以 HYPERFRAMES 打造 · MP4 + 互動網頁
沒有空白畫布,也不用苦練關鍵影格
什麼都能丟進來
文件、腳本、課程講義、PPT,或是一個粗略的點子。
選一種動態風格
每種風格都會先用你自己的內容預覽。
由你自己的 Agent 打造
由 Claude Code 或 Codex 撰寫,畫面不消耗積分。

和傳統動態圖像軟體比起來如何
After Effects 與 Blender
完全掌控,但學習曲線陡峭。
範本工具
速度快,但千篇一律。
程式碼工具
功能強大,但只適合開發者。
claudemotion.design 是我們的產品,與非我們開發的工具並列。價格請以各廠商公布為準。
立即開始| 工具 | 類型 | 最適合 | 學習難度 |
|---|---|---|---|
| After Effects | 桌面應用程式 | 完整動態設計 | 陡峭 |
| Blender | 桌面、3D | 3D 動態 | 陡峭 |
| Canva | 網頁範本 | 快速做社群貼文 | 簡單 |
| Motion Canvas | 程式碼(TypeScript) | 以程式產生的解說動畫 | 中等 |
| Claude Motion | AI Agent + 時間軸 | 把文件變成互動動態效果 | 簡單 |
想掌控細節時,有真正的時間軸
剪輯與調整節奏
在 HyperFrames 時間軸上移動片段、調整時間。
替換區塊
從 HyperFrames 元件庫換入圖表、字幕與轉場。
或直接開口
告訴 Claude Code 要改什麼,它會修改同一個合成。

你需要的功能都在這裡
動態風格
選一種風格,或讓你的 Agent 自由設計。
動態圖表
內建 ECharts,風格一致。
測驗與拖放
預設即可互動。
HyperFrames 時間軸
編輯片段、時間與區塊。
旁白
英文與中文,品牌名稱念得正確。
配樂
現在產生或之後再加。
分享連結
公開或設密碼,附統計資料。
MP4 算圖
本機執行、結果可重現。
不用 After Effects 也能做動態圖像
- 1把一行安裝指令貼到 Claude Code 或 Codex。
- 2放入你的文件並選一種動態風格,配樂可以現在選或之後再選。
- 3在 HyperFrames 時間軸上細修,然後算圖成 MP4 或分享連結。
安裝 Claude Motion:執行 npx -y claudemotion@latest setup,並依照輸出的提示完成。
第一次執行會開啟瀏覽器登入,點一下就好,不用碰終端機。
常見問題
最容易上手的動態圖像軟體是哪一個?
如果你是從一份文件而不是空白畫布開始,AI Agent 的工作流程通常最快。
有免費的動態圖像軟體嗎?
Blender、Motion Canvas 與 Remotion(有授權條件)都可以免費開始使用;Claude Motion 是付費方案,每月 $19.9 起。