AI正在悄悄改变动画：Claude Code和Codex帮你生成Lottie文件
每个开发者都头疼的动画问题
说实话，动画这东西在开发排期里永远是"下次再说"的那一项。不是因为动画不重要——它对用户体验的影响明摆着呢——但做动画真的太费劲了。要么得学 After Effects，要么得请专职动效设计师，要么就只能忍受产品里那些一动不动的界面，看着就感觉整个产品很廉价。
不过这个困局可能要被打破了。
聊聊 Lottie 到底是什么
先简单说下 Lottie，这是 Airbnb 搞出来的一种基于 JSON 的动画格式，能在网页和移动端都跑得很流畅。跟 GIF 或者视频文件不一样，Lottie 是矢量格式，怎么缩放都不糊，而且文件体积小得可怜。说白了就是网页动画的最佳选择——但问题是以前做 Lottie 动画还是得靠专业设计软件。
AI 加入战场，这下不一样了
DiffusionStudio 的 lottie 仓库展示了一个挺有意思的东西：用 Claude Code 或者 Codex 来直接生成 Lottie 动画。不用打开任何设计软件，直接用大白话描述你想要的效果，AI 就能生成对应的 JSON 代码来驱动动画。
这对开发流程意味着什么：
快：以前设计师要折腾好几个小时的东西，现在几分钟就能迭代一轮。描述一下 → 生成 → 预览 → 调整。
稳：AI 生成的动画完全按照你的描述来，少了开发者和设计师之间来回沟通的成本。
试错成本低：可以在投入设计资源之前先快速验证动画方案是否可行。
怎么上手
这个仓库给了很清晰的例子，教你怎么给 Claude Code 和 Codex 写提示词。关键点就是要把动画属性描述清楚——时长、缓动曲线、变换方式、路径数据，这些都得跟 AI 说清楚，它才能给你搞对。
对于已经在用 AI 编程助手的开发者来说，这套流程上手很快。本质上就是把动画当成代码来写，这跟现代前端开发的思路完全合拍。
放到"Vibe Coding"这个大背景里看
这就是 vibe coding 的典型用法——用 AI 把"脑子里想的"和"实际能做出来的"之间的鸿沟填上，不需要把每个工具都玩精通。不管你是在做落地页、SaaS 后台还是手机 App，能随时生成高质量动画而且不用切换工具环境，这效率提升是实打实的。
往大了看
这类项目代表了一个更宏观的趋势：AI 不仅仅是在帮开发者提高写代码的速度，它在拓展开发者"没有专业背景也能搞定"的能力边界。动画以前是专职动效设计师的地盘，现在正在变成普通开发者的标配工具。
做出漂亮、高性能的网页体验的门槛一直在降低。像这样的工具，就是让我们对 vibe coding 的未来充满期待的原因——说不定你的下一个项目，就能用上以前想都不敢想的动画效果了。