做动效交付时，最容易卡在三个点：一是编辑端如何快速做出节奏和缓动；二是导出到 Lottie 之后如何预览、调试并避免体积暴涨；三是最终如何把动效以链接或可嵌入的方式交给产品、开发或客户。下面这份清单把常见的动效设计与 Lottie 工作流工具按“编辑-导出-预览-优化-交付”串起来，适合做微交互、开屏动效、产品演示、落地页动效等场景。
工具地址：https://rive.app/
需看协议：面向交互式动画的制作与播放平台，支持状态机、输入响应与多人协作，适合把微交互做成可复用组件并在多端落地。若用于商业项目或团队协作，注意不同套餐的导出与运行时授权范围。
需看协议：常用的 Lottie 预览与托管平台，提供在线预览、分享链接、嵌入代码与社区资源检索。适合在评审和交付阶段统一“可播放的版本”，也方便快速验证导出是否正常。
工具地址：https://www.lottielab.com/
需看协议：面向 Lottie 的在线编辑与调参工具，适合在不回到 AE 的前提下做一些结构调整、颜色替换与细节打磨。用于商业项目时留意导出限制与素材授权条款。
需看协议：浏览器端的动效设计工具，上手快，适合做产品演示、社媒短动效与简单转场。可以作为“快速出稿”的补位工具，再按需要转到更复杂的交互或 Lottie 流程。
工具地址：https://jakearchibald.github.io/svgomg/
免费商用：SVG 在线优化器，可视化对比优化前后差异，常用于 Lottie 素材准备与体积控制（清理多余路径、压缩属性、简化结构）。建议在导出前做一次“可回退”的优化，并保留源文件版本。
工具地址：https://squoosh.app/
免费商用：图片压缩与格式转换工具，适合处理动效中用到的贴图或占位图（如 WebP/AVIF/PNG），帮助降低包体或首屏资源体积。可以用它快速试出质量-体积的平衡点。
工具地址：https://ezgif.com/
需看协议：在线 GIF/视频处理工具集合，适合把动效导出成 GIF/MP4 做对外演示或发群评审（裁剪、加速、压缩、分帧）。注意线上工具上传素材可能涉及隐私与保密要求。
工具地址：https://www.figma.com/community/plugin/809860933081065308/lottiefiles
需看协议：在 Figma 内预览与管理 Lottie 的常用插件路线，适合把动效组件纳入设计系统，方便在稿件里直接预览并与静态界面一起评审。团队使用时留意账号权限与插件依赖的服务条款。
工具地址：https://github.com/airbnb/lottie-web
需看协议：前端常用的 Lottie 播放库（Web），是开发落地与问题排查的重要参照。设计侧在交付时可以附上版本信息与关键注意事项（如渲染模式、字体与遮罩支持），减少“能播但效果不一致”的返工。
工具地址：https://airbnb.design/lottie/
免费商用：Lottie 的入门与概念说明页面，适合在团队内对齐“为什么用 Lottie、适合什么场景、有哪些限制”。当你需要给产品或开发解释取舍（如复杂特效改用视频/序列帧）时，这类资料能帮助沟通更顺畅。
