动效在界面里经常承担两类任务：让状态变化“被看见”，以及让品牌风格“被记住”。但在实际项目里，我们往往需要在很短时间内完成：找素材、快速改色改速、压缩体积、适配多端播放与交付给开发。下面这份清单按“获取/制作/编辑/优化/交付”的链路整理，方便你在不同阶段快速挑到合适工具。
需看协议：提供大量 Lottie 动画与在线预览/编辑工具，适合快速找灵感与验证播放效果；使用前留意素材授权与下载条款。
工具地址：https://rive.app/
需看协议：支持交互式动画与状态机，适合做可响应输入的动效组件；商业项目使用时关注订阅方案与运行时授权范围。
需看协议：把 SVG 做成动画并导出为 Lottie/SVG/GIF/视频等格式，适合图标、插画类动效；导出格式与可用功能受套餐影响。
需看协议：在线做品牌动效与短视频模板，拖拽上手快，适合营销/社媒物料；导出分辨率与团队协作功能与订阅相关。
需看协议：浏览器里的时间轴动画工具，适合快速做文字/形状动效并导出；免费可用但仍建议确认其使用条款与导出版权说明。
工具地址：https://www.keyshapeapp.com/
需看协议：面向 Mac 的矢量动效编辑器，擅长做 UI 图标/插画动画并导出为 Web 动画；商业使用需确认许可证类型。
需看协议：可视化生成 CSS 动画（进入/强调/加载等），适合网页端快速落地；在项目里使用前核对其生成代码与授权声明。
工具地址：https://github.com/airbnb/lottie-web
免费商用：主流的 Lottie Web 播放库，文档齐全、生态成熟；更换播放器或做性能排查时，这个仓库通常是最可靠的参考来源。
工具地址：https://www.figma.com/community/plugin/809860933081065308/LottieFiles
需看协议：在设计稿里直接预览/插入 Lottie，并在团队评审时展示动效；注意插件本身与素材来源的双重授权。
工具地址：https://lottiefiles.com/tools/lottie-editor
需看协议：在线改色、改图层、替换元素与简单修正，适合“拿到现成 JSON 但要适配品牌色/主题色”的场景。
工具地址：https://lottiefiles.com/tools/lottie-compressor
需看协议：用于压缩与优化 Lottie JSON（比如去冗余、减小体积），方便在移动端与网页端降低首屏资源压力；压缩前后建议回归检查关键帧与透明度。
工具地址：https://iconscout.com/lottie
需看协议：提供可下载的 Lottie 动画素材库，适合快速补齐空状态、加载与引导动效；下载与商用范围以会员授权为准。
