Lottie Creator 是 LottieFiles 的浏览器编辑器,围绕 Lottie 格式打造:你给矢量图层做动画,导出 Lottie 或 dotLottie,由网页、iOS / Android 应用、React Native 或 Flutter 里的播放器库在运行时播放。它身处 LottieFiles 更大的生态里——托管、素材库、播放器工具链。
KinoViz 是渲染成片的浏览器动效工作室。矢量、文字、图片、视频、3D 模型共用一张画布和一条关键帧时间轴,配物理模拟和着色器材质,最终输出 MP4 或 WebM 文件。
两者都在标签页里做动画。真正做决定的是最远端的那个格式,而不是编辑器本身。
选 Lottie Creator:如果交付物就是 Lottie 或 dotLottie 文件。产品内动效需要体积小、适配任意像素密度、能响应状态、不发新版就能替换——这些视频工具再高清也比不了。
选 KinoViz:如果交付物是一段渲染好的片子,或者场景里有矢量运行时画不出来的东西——3D 模型、物理、玻璃与金属材质、着色器处理、视频图层。
| KinoViz | Lottie Creator | |
|---|---|---|
| 平台 | 纯浏览器 | 纯浏览器 |
| 产出模型 | 渲染好的视频文件 | 由 Lottie 播放器播放的运行时文件 |
| 主要导出 | MP4(H.264)、WebM(VP9)、PNG 单帧,Creator 起 .kino 工程 | Lottie 与 dotLottie |
| 视频导出 | 全档支持 | 与 Lottie 并列提供,各档限制请查 lottiefiles.com |
| Lottie 导出 | 不支持 | 支持,这就是产品本身 |
| 交付体积 | 兆字节级,固定分辨率 | 通常千字节级,与分辨率无关 |
| 交互性 | 没有,视频就是播放 | 播放控制、片段跳转、状态驱动,走播放器 API |
| 3D | 全档支持 GLB / GLTF 导入(DRACO,上限 50MB) | 不支持 |
| 物理与材质 | Rapier 物理、液态玻璃、长虹与磨砂玻璃、液态金属、辉光、泛光、ASCII、半调 | 不支持,在格式之外 |
| 视频图层 | 支持 | 不支持 |
| AI 起稿 | 对话式 AI 助手(Beta),Creator 及以上 | 非核心能力 |
| 透明输出 | 仅 PNG 单帧 | 原生透明,不画背景就没有背景 |
| 生态 | 独立工作室 + 模板库 | 托管、CDN、团队素材库、多平台播放器库 |
| 付费起步价 | 每月 $8(Creator) | 见 lottiefiles.com/pricing,下文数字为第三方口径 |
| 最适合 | 以视频交付的动态图形与产品片 | 以运行时资源交付的界面动效 |
格式本身,这毫无疑问。 一个 Lottie 通常是千字节而不是兆字节,在任意屏幕密度下都不会发虚,默认带透明;同一个加载动画的视频版是固定尺寸位图,背景还是烘死的。对任何要进界面的东西来说,这根本不是一个量级的对比。
运行时可控。 Lottie 播放器可以暂停、跳转、循环某一段、悬停时播一段,还能不发版就替换动画;渲染好的视频只能播放。如果你的动画必须响应应用状态,这两个工具里只有一个还在讨论范围内。
围绕文件的整套生态。 托管、CDN、团队素材库,以及 Web、iOS、Android、React Native、Flutter 的播放器库,加上开发已经熟悉的交接流程。格式交接本来就需要这套基础设施,而它是随包附送的。
它是参考实现。 格式和播放器都由 LottieFiles 维护。如果你的工程团队已经统一到 Lottie,用维护运行时的那批人做的工具来创作,能少掉一整类兼容性意外。
格式装不下的一切。 全档(含免费档)支持 GLB 和 GLTF 导入(DRACO 压缩,单模型上限 50MB),与平面矢量同轴动画,Creator 及以上还有摄像机关键帧,详见 3D 系统文档。还有 Rapier 物理、液态玻璃、长虹玻璃与磨砂玻璃、液态金属、辉光与泛光、ASCII 与半调效果、22 种程序化渐变背景和 42 种文字特效预设。Lottie 播放器插值的是矢量图元,上面好几项本质是着色器 pass,在那个模型里无处安放。
视频既是终点也是素材。 KinoViz 可以把 MP4、WebM、GIF、WebP 放到画布上当作可动画图层,带播放关键帧和图像滤镜。Lottie 没有对应能力——部分播放器能内嵌位图,但那正好抵消了选这个格式的理由。
场景级的编排。 群组、可复用组件、布尔运算、效果器阵列、钢笔工具、路径修剪、40 条缓动曲线和逐属性关键帧,是为一条 30 秒的片子设计的,不是为一个 4 秒的循环。
AI 起的是整个场景的稿。 Beta 阶段、Creator 及以上可用,助手把一句描述变成元素和关键帧,之后你手动改。它消耗积分余额,发送前先显示花费,详见 AI 生成。
本地渲染。 视频在你的浏览器里编码,没有上传步骤,也没有渲染队列。
Lottie Creator 的本职是 Lottie 和 dotLottie,同时也提供视频输出。由于 LottieFiles 的定价页拦截自动读取,我们不会装作已核实地告诉你「哪一档解锁哪种导出」——决定之前请到 lottiefiles.com 看当前的档位对比。
KinoViz 全档导出 MP4(H.264)、WebM(VP9)和 PNG 单帧,Creator 及以上另有 .kino 工程文件。没有 Lottie,没有 GIF,没有动画 SVG,也没有 PNG 序列帧。透明输出只有 PNG 单帧,因为两种编码都会把画布背景烘进每一帧。分辨率随档位上升:免费档 540p / 24fps 带水印,Creator 1080p / 30fps,Pro 最高短边 1920px / 60fps。完整矩阵见导出格式。
LottieFiles 有免费档和按用户计费的付费档,但撰写时其定价页无法稳定读取。截至 2026 年 9 月,第三方测评站列出的个人档约为每用户每月 $19.99、团队档约为每用户每月 $24.99(年付),之上还有企业档。这些是二手数字,请以 lottiefiles.com/pricing 为准。
KinoViz 标价为 Free $0(3 个工程、540p、带水印)、Creator 每月 $8(50 个工程、1080p、含商用授权和 AI 积分)、Pro 每月 $19(500 个工程、最高 1920px / 60fps、含高级材质,有 7 天免费试用)、Studio 每月 $79(团队版,目前 Coming Soon)。最新价格见定价页。
选 Lottie Creator:你是产品设计师或前端工程师,动画要跑在软件里;文件必须小且可缩放;它需要响应状态;或者团队已经用 LottieFiles 做托管和交接。
选 KinoViz:你的动画以视频文件交付;场景里需要 3D、物理或着色器材质;你需要在画布上放视频图层;或者你做的是一条片子,而不是一个循环。
延伸阅读:Lottie 替代方案讲格式本身和替代路径,KinoViz 与 SVGator 对比讲「动画 SVG + Lottie」那条路,2026 年最佳浏览器动画制作工具是品类综述,全部对比列出所有一对一页面。
免费开始——3 个工程,无需信用卡,免费档就包含 3D 编辑器、物理和关键帧时间轴。需要干净的 1080p 或 1920px 输出、高级材质和 AI 积分时,Pro 提供 7 天免费试用。
竞品信息基于 2026 年 9 月的公开资料,可能变动,请以对方官网为准。