Enivia 在前端或 APP 的开发日常里，动画绝对是让人又爱又恨的存在。
做一个简单的产品动画，通常需要静态资产、软件设计、导出插件，再经过几轮调整才能落地。
当你想独立开发一个产品时，手边没有那么多可调用的现成资源，什么都得自己上自己解决。
痛点
AI 通常能帮你写好布局和还不错的样式效果，但一遇到稍稍复杂的矢量动效，经常会抓瞎。
Lottie 作为跨平台的动效解决方案，它性能高、体积小，相信很多人都使用过。但如果你没有任何设计经验或 AE 等设计工具的使用基础，想要制作一个质量还不错的动画，就得花大量时间去了解和学习。
所以为了解决这个问题，我发现了一套还不错的组合搭配：ChatGPT Image2 + text-to-lottie skill。
用 ChatGPT Image 2 生成素材
很多没有设计经验的开发者应该和我一样，在制作动画之前，大脑里对动画的形态和具体过程并没有具象的想法，所以无法进行具象描述。
所以为了先确定动画的大致形态或找寻灵感，可以先使用生图 AI 去生成静态资源。
比如：
- 一个可爱的卡通风格的猫咪形象
- 一个充满科技感暗色主题 Logo
- 一个 Loading 图案
- 一个空状态插画
ChatGPT Image 2 最大的优势是生成质量相对稳定，而且可以不断调整细节，直到得到满意的视觉效果。
这一步其实相当于完成了传统设计流程里的视觉设计。
有了这张图之后，再考虑”它应该怎么动”。
让 Lottie Skill 负责动画
我最近一直在使用 text-to-lottie skill。
这是一个专为 Agent（如 Claude Code、Cursor、Codex 等）开发的 Lottie Skill。
安装：
npx skills add diffusionstudio/lottie安装后，你只需要用自然语言发出指令，AI 就能在本地直接编写出结构完整的 Lottie 动效。比如：
让这个 Logo 缓慢旋转。或者：
做一个无限循环的 Loading 动画，节奏轻快一点。
尤其是搭配 SVG 使用，效果非常好。可以直接通过下面这段 Prompt 实现苹果的欢迎动画：
从 https://github.com/JaceThings/SF-Hello/blob/main/SVG/hello-en.svg 这个 SVG 路径创建一个 Lottie 动画。用动画把这个路径显示出来，并且让动画顺着路径的自然方向走。给这个路径加上一个高级的苹果主题渐变色。用快慢结合的节奏，透明的背景，还要保留原来 SVG 的形状。
适用场景
这套方案特别适合中轻量级的动画。
比如：
- App 启动页动画
- Loading 动画
- Logo 动效
- 空状态页面
- 功能引导
- Landing Page 点缀动画
最后
除了编码方面的能力，AI 在设计方面的能力也在不断进步。
以前想要制作某个动效，我们需要掌握一整套动画制作工具。现在更多时候，只需要把想法描述清楚，AI 就能快速生成一个可运行、可预览、可迭代的动画版本。
如果你也常为动画头疼，不妨试试这个组合。
