哈喽大家好，我是萤柳！

以前你在 AE 里做动效、导出 Lottie 给开发，现在可以直接用大白话让 AI 帮你把动效做出来，还能当场看效果。

你想做一个点赞爱心、加载小动画、空状态插画这种轻量动效。

正常得在 After Effects 里一帧帧调，然后用 Bodymovin 插件导出成 Lottie 文件，再丢给开发接进 App 或网页。

链路很长，改一个小细节都得回 AE 重导。

最近发现了个叫 Text-to-Lottie 的工具，让 AI（比如 Codex、Claude code ）你只要用大白话描述，就会帮你把 Lottie 动效生成出来。

链接：https://github.com/diffusionstudio/lottie

你不用会写代码，就像跟人交代需求一样说话就行。

它还配了一个能实时预览的窗口，AI 一生成，你在浏览器里立刻能看到动画长什么样。

不满意就继续用嘴改，它再重做。

相当于你不用打开 AE，也能边说边看效果。

具体怎么做？下面我一一教给你。

一、字体动效

先做一个字体动效。

把链接发给Codex让它帮忙下载。

下载成功后，比如你可以说：

用Text to Lottie 做一个 hello 手写字动画：画面中心是一笔连写的 hello，使用粗圆角 stroke，文字从左到右像手写一样逐步绘制出来，绘制过程中带蓝绿到米白的柔和渐变，末尾 o 的收笔有一点轻微弹性 settle。时长 170 帧，60fps，透明背景。暴露 controls：stroke width、opacity、gradient start、gradient end。用 Skottie 验证。

AI 就会去生成这个动效文件

效果是非常好的，可以修改字体粗细、透明度和颜色。

然后点击右上角【Export】，或直接用它给你的交付文件），然后交给开发接进 App/网页，或导入 AE 精修。

二、LOGO动效

再比如做一个Logo动画，发送下面这段提示词给 Codex。

用 text-to-lottie 做一个 hello 手写字动画：画面中心是一笔连写的 hello，使用粗圆角 stroke，文字从左到右像手写一样逐步绘制出来，绘制过程中带蓝绿到米白的柔和渐变，末尾 o 的收笔有一点轻微弹性 settle。时长 170 帧，60fps，透明背景。暴露 controls：stroke width、opacity、gradient start、gradient end。用 Skottie 验证。

这样一个LOGO的动效也搞定了，后续如果用到自己的logo，把提示词改改就可以了。

三、上传SVG图标做动效

这个网站：https://www.iconfont.cn/，有很多SVG图标可以下载，当然设计师也可以自己画。

做图标动效，上传SVG图标，输入以下提示词，根据提示词修改就可以了。

"用 text-to-lottie 把下面几个 SVG 图标分别做成独立场景,公共设定:透明背景、60fps、每个单独导出 lottie.json。各图标动效如下:  搜索图标(线性):放大镜手柄沿路径描绘出来,画完后轻微弹一下,ease-out,90 帧; 对勾图标(线性):描边沿笔画方向一笔画出(trim path reveal),保持原描边粗细和圆角,ease-in-out,75 帧。 爱心图标(面性):从中心缩放弹入 + 透明度淡入,带弹性 settle,ease-out,60 帧,暴露 fill color 控制项; 铃铛图标(面性):整体淡入后左右摇摆两下(像响铃),ease-in-out,120 帧;  每个图标一个 scene,风格各自独立,但都用统一的透明背景和 60fps。"

然后等待一会，就给你做了4个图标动效了。