动效稿交付最怕三件事：导不出来、预览不一致、落地性能炸。下面这份清单按"导出-预览-转换-测试-交付"的顺序整理常用工具与站点，覆盖 Lottie (bodymovin) / dotLottie / JSON 动画等常见场景，方便你在不同团队与技术栈里快速拼出稳定的动效工作流。
需看协议：提供 Lottie 动画预览、测试、托管与资源下载，适合用来做快速分享、在线预览与版本对比；商用与授权需以具体资源/订阅条款为准。
工具地址：https://github.com/airbnb/lottie-web
需看协议：Web 端最常用的 Lottie 渲染库，适合在真实页面里验证动画表现与性能；注意不同渲染器（svg/canvas/html）在效果与性能上的差异。
工具地址：https://ae s.com/bodymovin/
需看协议：AE 导出 Lottie JSON 的经典方案，适合建立"设计到开发"的标准导出流程；插件许可与使用条款以发行方为准。
工具地址：https://lottiefiles.com/plugins/after-effects
需看协议：在 AE 里直接预览/导出/上传到 LottieFiles，减少来回导入导出；适合团队统一交付格式与预览入口。
需看协议：将 Lottie JSON 打包为 .lottie，便于携带图片/字体等依赖并降低交付碎片化；使用前先确认目标端（Web/移动端）对 dotLottie 的支持情况。
工具地址：https://rive.app/
需看协议：更偏"可交互动效"的制作与运行时方案，支持状态机与交互逻辑；适合做复杂交互动画或替代部分 Lottie 场景，授权与运行时协议需仔细确认。
需看协议：偏产品动效与社媒动效的在线制作工具，适合快速出片与导出多尺寸；商用请以订阅方案与素材来源条款为准。
工具地址：https://www.haikuforteams.com/
需看协议：将动效做成可复用组件并面向开发交付，适合组件化动画与设计系统结合；注意团队协作与导出目标平台的兼容范围。
工具地址：https://github.com/svga/SVGAPlayer-Web
需看协议：部分业务（如 IM/礼物动效）会采用 SVGA 作为动画格式；如果你遇到历史包袱或特定端能力限制，可以把它当作兼容方案对照研究。
工具地址：https://caniuse.com/
免费商用：在动效落地前先确认相关 Web API / CSS / SVG 特性支持情况，避免"设计能做、线上跑不动"；适合做兼容策略与降级方案的依据。
工具地址：https://www.webpagetest.org/
免费商用：用于对含动效页面做加载与性能分析，观察 LCP/CLS/CPU 占用等指标；配合不同设备与网络条件做对比更直观。
工具地址：https://developer.chrome.com/docs/lighthouse/
免费商用：Chrome 内置的性能与最佳实践评估工具，适合在交付前做一轮体检；动效页面尤其关注主线程阻塞与长任务。
工具地址：https://squoosh.app/
免费商用：如果你的动效包含贴图或导出为序列帧/视频，Squoosh 可用于快速压缩与格式转换；建议对比 WebP/AVIF 与质量参数。
工具地址：https://ffmpeg.org/
需看协议：动效交付常见的"万能转换器"，用于视频/GIF/序列帧转码、码率控制与批处理；注意不同发行包的授权与编解码器许可。
需看协议：用来沉淀动效规范（时长、缓动、循环策略、触发条件）与交付说明，配合链接与版本管理把"怎么用"讲清楚；团队协作与权限控制也更容易统一。
