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;不适合直接做可交互的运行时图形。

参考资料