為什麼選擇 CapyFrame，而非純程式碼框架
視覺化分幕計畫，不必逐行手寫 React／GSAP 程式碼
Remotion 需要自行撰寫 React 元件樹，HyperFrames 也需要編寫 HTML 與 GSAP 時間軸；CapyFrame 則從簡短提示開始，先建立多場景影片計畫並等待核准，省去繁瑣的程式碼編寫流程。
- 生成場景前設有人工核准關卡
- 不必手動撰寫版面結構與動畫循環
- 輸入日常描述即可快速產出結構化場景
零安裝雲端工作室，免除 Node 與 FFmpeg 工具設定
程式碼框架需要本機安裝 Node.js、套件管理員、無頭瀏覽器與 FFmpeg 編譯工具。CapyFrame 直接在雲端提供託管工作區，開啟瀏覽器即可預覽與匯出 1080×1920 直式短片。
- 不必在本機安裝 Node.js、npm 或 FFmpeg
- 瀏覽器即時預覽，支援暫停式時間軸逐格檢視
- 直接雲端匯出 1080×1920 直式短片，免本機運算負擔
整合品牌與素材中心，告別寫死檔案路徑
不必在多個程式碼檔案中手動 import 素材、字型或 CSS 變數。CapyFrame 將品牌標誌、代表色與視覺素材整合進同一個專案，點選即可套用至場景預留位置。
- 集中管理品牌標誌、色彩與字型設定
- 直接替換素材預留位置，無需重寫程式碼
- 自動調整場景排版，自然融合品牌識別
比較三種流程
依照製作與渲染影片時實際需要的工作，比較 CapyFrame、HyperFrames 與 Remotion。
依照製作與渲染影片時實際需要的工作，比較 CapyFrame、HyperFrames 與 Remotion。
CapyFrame
HyperFrames
Remotion哪一種工具適合你的團隊？
選 CapyFrame
你想要對話為核心的工作室，從簡介開始，核准計畫，再完成場景、配音、字幕與匯出，不必自行建立本機渲染環境。
選 HyperFrames
你想直接使用 HTML／CSS／JavaScript 製作，盡量保留瀏覽器原生內容，再用開源框架控制渲染。
選 Remotion
你的產品以 React 與 TypeScript 為核心，需要成熟的範本、教學，以及以 frame number 為中心的架構。
團隊常見問題
CapyFrame 是免費的嗎？
CapyFrame 提供 Free 方案，讓你試用託管的規劃與影片流程。付費方案會增加 AI credit、儲存、配音分鐘、匯出容量與片長上限。
不必安裝是否也適用於 HyperFrames 與 Remotion？
不是。不必安裝是 CapyFrame 託管工作區的體驗。HyperFrames 與 Remotion 都是開發者工具，各自有本機或託管設定方式。
HyperFrames 與 CapyFrame 是同一個產品嗎？
不是。CapyFrame 把類似 HyperFrames 的組合放進規劃、核准、素材、配音、字幕、預覽與匯出流程；HyperFrames 本身是開源框架。
如果已有網頁動畫，應該使用哪一套？
如果動畫本身已經是 HTML／CSS／JavaScript，HyperFrames 可能可以保留較多原有內容。如果產品本身已經使用 React，Remotion 可能更自然。想要由託管工作室帶著你完成流程，就可以選 CapyFrame。