Rive（rive.app）是一個即時互動動畫平台，由三部分組成：瀏覽器內的協作編輯器、二進位 .riv 檔案格式，以及覆蓋主流平台的開源播放器（runtime）。它要解決的是設計與開發之間的動畫交接問題：傳統流程中，設計師在 After Effects 製作動畫、匯出影片或 Lottie JSON，開發者再手寫程式補上互動；Rive 則讓設計師在同一個工具裡用狀態機把互動邏輯一併定義好，開發者取得 .riv 檔案後直接用執行時播放，動畫會隨資料與使用者輸入即時反應。這也是它常被視為 Lottie 現代替代方案的原因——Lottie 描述的是「播放什麼」，Rive 還能描述「如何回應」。官方稱使用 Rive 打造的產品觸及全球超過 20 億使用者，列出的客戶包括 Spotify、Duolingo、Disney、ESPN、LinkedIn 與 Google（此為官方行銷說法，未提供統計方法）。

站點速覽

  • 網址：https://rive.app/
  • 類型：互動動畫設計工具 + 跨平台開源執行時，面向 UI 動效設計師與 App／遊戲開發者
  • 費用：Free 方案 0 美元（不可匯出）；Cadet 9 美元／席位／月（年繳，月繳為 17 美元）；Voyager 32 美元／席位／月；Enterprise 120 美元／席位／月（面向年營收 1000 萬美元以上的組織）。截至 2026-09-19，見官方定價頁
  • 註冊要求：使用編輯器需註冊帳號（官方文件）；瀏覽官網、社群作品與文件無需登入
  • 形態：編輯器為 Web 應用，首頁同時提供桌面客戶端下載與 CLI；執行時為各平台原生函式庫（觀察）
  • 介面語言：英文，未見多語言選項（觀察）

站點背景

Rive 由雙胞胎兄弟 Guido Rosso 與 Luigi Rosso 創立。公司前身是 2Dimensions，早期產品是 2017 年前後面向 Flutter 社群的動畫工具 Flare；2019 年 12 月 4 日，團隊宣布將 2Dimensions 與 Flare 整合為統一品牌 Rive（官方公告（Medium）），並於 2020 年 7 月釋出新一代編輯器 Rive 2 的封閉測試（官方 Facebook 公告）。融資方面，公司 2019 年獲得 a16z 領投的 400 萬美元種子輪，2023 年 1 月 17 日宣布由 Two Sigma Ventures 領投的 1000 萬美元 A 輪（PR Newswire 新聞稿）。

下圖為官網首頁：定位語「The Interactive Experience Engine」，並同時提供 CLI 安裝指令、編輯器註冊與桌面客戶端下載入口：

Rive 官網首頁：The Interactive Experience Engine，提供 CLI、編輯器註冊與桌面應用下載

核心能力

一體化編輯器。 Rive Editor 在瀏覽器中執行，整合向量繪圖、骨骼動畫（Skeletal Animation）、網格變形（Meshes）、約束與反向運動學（IK）、巢狀畫板（Nested Artboards）、回應式版面（Responsive Layouts）、捲動、文字與音訊，支援匯入 SVG、PNG/JPG/WebP、Lottie 與舊版 Flare 檔案（官方定價頁功能清單）。檔案支援多人即時協作與版本歷史。官網功能頁將這條鏈路概括為「端到端互動圖形流水線」：

Rive 功能頁：編輯器、檔案格式與執行時協同的端到端流水線，以及狀態機與新功能入口

狀態機與資料綁定。 這是 Rive 與純播放型動畫格式的核心差異：設計師在視覺化的狀態機（State Machine）中把動畫片段連成狀態，用轉換（Transitions）與監聽器（Listeners，如 Pointer Enter/Exit、Click）定義觸發邏輯，再透過資料綁定（Data Binding）把動畫接到應用的即時資料上。按鈕的懸停／按下、載入進度、遊戲角色動作切換這類互動都能在編輯器內完成，不需要開發者再用程式重建（官方部落格：狀態機入門）。

腳本與 AI。 2026 年 1 月 13 日，Rive 正式上線 Scripting 功能，使用 Luau（Roblox 採用的 Lua 方言）編寫程序化行為，腳本隨 .riv 檔案在各執行時中運作（官方公告）。2026 年 4 月 30 日起，內建的 Rive AI Agent 向包括免費方案在內的所有使用者開放（官方部落格）。

開源執行時。 播放端全部以 MIT 授權開源在 GitHub 的 rive-app 組織下，官方維護 JavaScript/Web（WASM）、React、React Native、Flutter、iOS、Android、C++、Unity、Unreal、Defold 等執行時（rive-wasm 倉庫）。截至 2026-09-19，主要倉庫皆有活躍提交（rive-flutter 約 1.5k star、底層 C++ 的 rive-runtime 約 1.2k star、rive-react 約 1.2k star）。執行時免費且無按量計費——官方明確承諾「沒有 runtime 費用，匯出的檔案永久可用，不回傳資料」（定價調整公告）。

社群與市集。 官網的 Marketplace/Community 欄目公開展示創作者上傳的可互動作品，可直接在頁面中預覽狀態機效果，創作者可標記「For Hire」接案；免費使用者也能把市集裡的範例檔案與文件 demo 直接放進自己的應用除錯，無需匯出（社群頁面）。

Rive Marketplace：創作者上傳的互動動畫作品網格，部分標註 For Hire

費用與帳號

Rive 定價頁：Free 0 美元、Cadet 9 美元、Voyager 32 美元、Enterprise 120 美元（每席位每月，年繳）

截至 2026-09-19，四個方案的分工（官方定價頁）：

  • Free（0 美元）：個人檔案不限，但僅有 3 個協作檔案、1 個專案，匯入資源單個上限 10MB，不能匯出 .riv——定位是學習與評估。
  • Cadet（9 美元／席位／月，年繳；月繳 17 美元）：最多 3 個席位，無限檔案並解鎖 .riv 匯出，是「能把作品發佈出去」的最低門檻。
  • Voyager（32 美元／席位／月）：最多 25 個席位，增加元件庫（Libraries）、Embed URL 託管與更高階的 AI 模型額度。
  • Enterprise（120 美元／席位／月）：面向年營收 1000 萬美元以上的組織，含 SSO、SOC 2 Type II、專屬支援與自訂執行時。

需要注意的是，這套結構是 2025 年 10 月 20 日調整的結果：此前匯出 .riv 免費，調整後改為「編輯器免費、匯出付費」（官方口號為「Free to create. $9 to ship.」），既有付費使用者保留原價，字體與音訊功能則轉為全方案免費（CEO Guido Rosso 的官方說明）。此變更在社群中引發了關於定價偏高的討論（如 Reddit r/Rive_app 的貼文）。學生因課程或作品集需要匯出時，可寄信向官方申請支援。

適用場景

  • App 與產品的 UI 動效：按鈕、開關、載入狀態、導覽頁等需要回應使用者操作的介面動畫，Spotify Wrapped、Duolingo 這類官方列舉的案例均屬此類。
  • 遊戲與車載介面：Unity/Unreal 執行時與底層 C++ 渲染器適合遊戲 UI、角色與車機動效；官方客戶名單稱包含「Fortune 500 汽車廠商」。
  • 設計師與開發者高頻協作的團隊：動畫邏輯在編輯器內定義，設計師修改後不需要開發者重做交接。
  • 從 Lottie 遷移的團隊：編輯器支援匯入 Lottie 檔案；官方同時說明匯入只是遷移橋梁而非長期工作流程（官方部落格）。

局限

  • 免費方案無法產出：自 2025 年 10 月起，免費使用者不能在編輯器之外使用作品，任何要上線的專案至少需要 9 美元／席位／月的 Cadet；按席位計費對小團隊成本上升明顯，社群對此有持續的定價爭議。
  • 格式封閉：.riv 是 Rive 私有的二進位格式，播放完全依賴 Rive 官方執行時，沒有開放標準或第三方播放器；雖然執行時以 MIT 開源且官方承諾匯出檔案永久可用，但生態綁定在這一家公司身上。
  • 學習曲線：狀態機、資料綁定、約束／IK 等概念對純視覺設計師並不直觀，更接近「視覺化程式設計」；要發揮價值通常需要設計師與開發者一起理解這套模型。
  • 平台與語言：編輯器是 Web 應用，依賴帳號與網路環境；介面與文件僅提供英文（觀察）；各平台執行時的功能對齊進度不一，新能力（如 Scripting）在不同執行時的支援節奏需查官方文件確認。
  • 規模數據無法獨立驗證：「觸及 20 億使用者」「4 倍提效、檔案縮小 90%」等數字均為官方行銷說法，引用時應視為廠商聲明而非第三方評測。

同類參考

  • Lottie（LottieFiles）：基於 After Effects + JSON 的播放型動畫生態，素材庫成熟、接入簡單，但互動邏輯要靠程式實現，與 Rive 的「邏輯內建於檔案」路線形成對照。
  • Adobe After Effects：影視級動效標準工具，搭配 Bodymovin 外掛輸出 Lottie；不適合直接製作可互動的執行時圖形。

參考資料