Motion Copilot AI——用一句话生成可编辑的 Lottie 动画

AI 能帮你做什么

Motion Copilot 是 Lottie Creator 内置的 AI 辅助功能。你只需要写一句自然语言描述，比如：

"一个蓝色的火箭从屏幕左边飞到右边，带拖尾效果"

AI 会生成：

• 形状图层（矩形 / 椭圆 / 路径 / 文字 / 渐变）
• 关键帧动画（位置、缩放、旋转、不透明度、修剪路径）
• 拖拽阴影和渐变填充
• 可编辑的时间轴结构

生成的不是静态图片，而是完整的、可编辑的 Lottie 动画——时间轴上所有关键帧都在，你可以继续手动调整，或者让 AI 再改一遍。

怎么用

1. 在 Creator 左侧面板找到 Motion Copilot 区（或按快捷键）。
2. 输入描述（英语效果更好，中文也支持基础理解）。
3. 点 "Generate"。
4. 等几秒钟，画布上出现生成的动画，时间轴上有完整的关键帧结构。
5. 可以继续描述让 AI 修改，或者自己手动调整。

好用的提示词模板

Motion Copilot 对以下类型的提示词响应最好：

• Loading / Spinner："一个圆环 loading 动画，圆形修剪路径，顺时针旋转 2 秒循环"
• 图标动画："一个心形图标，从小到大缩放，然后回弹"
• 品牌动效："一个品牌 Logo 淡入后轻微上浮"
• 状态切换："从空状态到加载中到成功的三段动画"
• 自然现象："水滴从上方落下，带涟漪扩散效果"

AI 的局限

Motion Copilot 还在快速迭代阶段，目前的局限包括：

• 复杂的多物体互动（比如粒子系统）生成效果一般。
• 精确的时间节奏控制（比如"前 20 帧快、中间慢、最后快"）需要后续手动调整。
• 生成的路径可能不够精简，导出前建议手动清理一下。
• AI 生成的动画不一定总是最优解——但作为起点比从零开始快得多。

配合工作流

一个常见的组合：

1. 用 Motion Copilot 生成 80% 完成度的动画。
2. 在时间轴上调整关键帧的精确位置和缓动曲线。
3. 替换 SVG 导入的形状，让动画用你自己的品牌元素。
4. 加状态机（如果需要交互）或 Motion Tokens（如果需要数据绑定）。
5. 导出 JSON 或 dotLottie。