动效与微交互的价值不只在"好看"：它能把状态变化、操作反馈与信息层级表达得更清晰，减少用户的认知成本。这份清单把常见的动效制作、预览与交付链路拆开：从原型动效、Lottie/Rive 预览，到交互标注与开发落地，你可以按项目需求快速选工具组合。
工具地址：https://rive.app/
需看协议：适合制作可交互的状态动效与角色动画，支持多状态机与运行时集成，适合在产品内做按钮/加载/空状态等微交互。
需看协议：提供 Lottie 动画的在线预览、测试与分享链接；找素材或与开发对齐播放效果时很省事，商业使用请按素材授权说明确认。
工具地址：https://github.com/airbnb/lottie-web
免费商用：开源生态常用方案之一，用 After Effects 制作后导出 JSON（Lottie），便于在 Web/App 中以矢量方式渲染；注意复杂特效/表达式可能不完全兼容。
需看协议：面向设计师的在线动效编辑器，适合做短视频动效、UI 动效草案与展示动画；团队协作与导出格式按套餐与协议确认。
需看协议：擅长复杂交互与传感器/输入事件的原型验证，可用于评审微交互逻辑与动效节奏；适合在开发前把交互细节跑通。
工具地址：https://principleformac.com/
需看协议：以时间轴与过渡为核心的原型动效工具，上手快，适合做页面转场与组件微动效演示；商业授权以官网条款为准。
需看协议：可快速做交互演示与发布可访问的原型/落地页，适合把动效与交互打包成可分享链接，方便评审与对齐。
需看协议：专注 SVG 动效制作与导出，适合做图标动效、空状态插画动效；导出格式与商业使用范围按订阅与协议确认。
需看协议：在原型里快速做组件状态切换与过渡演示，适合把交互节奏讲清楚；若要开发落地，建议同时提供关键帧/时长/缓动信息。
工具地址：https://zeplin.io/
需看协议：将设计稿与开发交付集中管理，便于在动效交付时补充时长、缓动与状态说明，并让开发能快速拿到切图与样式信息。
