将动画 SVG 转换为 Lottie
将一个动画 SVG（如 Figma 导出中的 CSS @keyframes）转换为真正的矢量 Lottie，在您的浏览器中完全免费，无需 After Effects，无需注册，无需上传。
问题
动态 SVG 在网页上效果很好，但大多数应用和设计系统都采用 Lottie。 SVG 动画存储在文件中，即 CSS @keyframes 或 SMIL 内部；没有内置的方法将它传递给 lottie-web、lottie-ios 或 lottie-android。
常规建议是在 After Effects 中重建动画，然后使用 Bodymovin 重新导出——这很慢，而且当动画已经存在于 SVG 中时，这样做毫无意义。手动转换 JSON 容易出错。
栅格转换器可以将您的清晰矢量 SVG 转换为一个复杂的 Lottie 视频封装，从而丧失矢量所具有的轻量级和分辨率独立性。
浏览器工作流程
EasyLottie 可以直接将动画 SVG 编译成真正的矢量 Lottie：形状变为 Lottie 形状图层，嵌入的图像变为 Lottie 图像图层，以及 CSS @keyframes 转换变为 Lottie 关键帧——小巧、可缩放，适用于任何 Lottie 运行时。
它 100% 在浏览器中运行，不上传任何内容。你可以实时预览，并一键导出 JSON。
如果 SVG 包含无法干净地矢量化的特性（如渐变、滤镜、蒙版），则系统会引导您使用视频转换器——这样，您始终可以选择将内容转换为 Lottie。
完成任务
获取您的动画 SVG
从 Figma (Motion) 或任何产生 CSS @keyframes / SMIL 动画 SVG 的工具中导出。
打开转换器
前往 Figma 到 Lottie 工具 — 它能原生在浏览器中处理动画 SVG。
将 SVG 导入
将文件拖入；动画已编译为矢量 Lottie，并进行实时预览。
导出 Lottie
下载 .json 文件，并将其导入您的网页或应用项目——无需使用 After Effects。
常见用例
将 Figma 动效导出
在 Figma 中设计动画，并导出 SVG？将其转换为 Lottie，以便您的开发人员可以直接使用。
重复使用现有 SVG 动画
将您现有的动画 SVG 图标转换为 Lottie，以确保在 Web、iOS 和 Android 平台上的一致播放。
保持矢量化
使用一个轻量级的、与分辨率无关的 Lottie，而不是一个大型的、像素化的包装。
常见问题
我可以将动画 SVG 转换为 Lottie，免费吗？
是的。EasyLottie可以将动画的SVG（CSS @keyframes）转换为真正的矢量Lottie，免费在您的浏览器中进行，无需注册，也不需要上传任何文件。
是否与 Figma SVG 导出工作？
是的 — Figma 的动画 SVG 导出（使用 CSS @keyframes 动画，以及嵌入的图像）正是转换器所设计的。
结果是否为真正的矢量 Lottie？
是的，对于支持的 SVG 格式。形状和变换变为真实的 Lottie 矢量图层，而不是视频封装，因此文件保持小巧且可扩展。
如果我的 SVG 包含渐变或滤镜，该怎么办？
这些还无法被干净地矢量化；您会被引导到视频转换器，以便您仍然获得 Lottie。
我的文件上传了吗？
编号：转换过程完全在您的浏览器中进行。