想让 AI 生成你满意的动效，关键在于把需求说清楚。本指南告诉你如何写好提示词， 并给出对照案例和完整示例，帮你从第一次尝试就拿到高质量结果。
AI 不会读心。它只能根据你给的文字推测意图，模糊的描述会得到模糊的结果。 写提示词的核心原则只有一条：
把"你希望最终看到什么"用具体、可量化的语言描述出来。
具体包括：画什么内容、用什么颜色、放在屏幕哪个位置、怎么动、动多久、 动完是什么状态。每一项都可以用一两句话讲清楚，下文会给模板。
一个高质量的提示词通常包含 4 个部分，按顺序写：
不必每次都写满 4 部分，简单动效一两句即可；复杂动效建议分段换行写清楚。
下面 4 组对照展示了"模糊 vs 具体"的差别，每组都说明为什么右边更好。
做一个好看的文字动画
生成文字 "Hello world" 居中显示，黑色文字白色背景。文字从左到右逐字淡入，模拟打字机效果，末尾加闪烁光标。
为什么更好： "好看" 无法量化。具体说明文字内容、位置、配色、入场方式，AI 才能给出可复现的结果。
让柱状图动起来
柱状图从底部向上生长，每根柱子错开 100ms 依次出现，生长动画用 spring 弹性曲线，持续 1.5 秒后全部停留显示。
为什么更好： 分步骤说明出场顺序、动画曲线、时长、结束状态，避免 AI 自由发挥导致抖动或顺序混乱。
用好看的颜色显示几个数字
三个数字计数器：用户数 10000、收入 $50000、增长率 127%，从零计数到目标值，使用颜色 #fde047，显示在屏幕中央，不要重叠。
为什么更好： 具体数值和颜色码让结果可复现；"不要重叠" 这类约束能避免常见布局问题。
画一个 2024 年金价的柱状图，1 月 2039，2 月 2024，3 月 2160…
一个柱状图，展示以下金价数据：
{
"title": "Gold Price 2024",
"data": [
{ "month": "Jan", "price": 2039 },
{ "month": "Feb", "price": 2024 }
]
}为什么更好： JSON 格式 AI 解析准确率远高于自然语言列举，字段名清晰，生成的代码取值不会错位。
以下是 5 个可以直接复制使用的完整提示词，覆盖文字、交互、数据、图表、趣味 五类常见动效。点击首页示例按钮可一键填入。
生成文字 "Hello world"，其中 world 用黄色高亮。黑色文字，白色背景，两个字应并排显示在屏幕中央。 动画：让文字从左到右逐字淡入，然后将 "world" 高亮成黄色。模拟打字机效果显示文字，并在文字末尾加一个闪烁的光标。
说明： 包含了文字内容、配色、位置、入场动画、结束状态五个要素，是文字动效的标准写法。
WhatsApp 风格的聊天气泡，一条一条依次出现，带有弹性的 spring 动画，发送和接收消息交替显示。 发送的消息用绿色，接收的消息用灰色，分别定位在左右两侧。
说明： 参考知名产品风格（WhatsApp）能让 AI 立刻理解视觉预期；明确交替顺序和左右对齐避免布局混乱。
三个动画数字计数器，分别显示 用户数 (10000)、收入 ($50000)、增长率 (127%)，从零开始计数，错开时间依次播放。 所有指标同时显示，使用颜色 #fde047。注意不要重叠、不要闪烁，指标显示在屏幕中央。
说明： 数值用括号明确单位；"不要重叠、不要闪烁" 是预防性约束，针对 AI 常见错误。
一个动画柱状图，展示以下金价数据：
{
"title": "Gold Price 2024",
"unit": "USD per troy ounce",
"data": [
{ "month": "Jan", "price": 2039 },
{ "month": "Feb", "price": 2024 },
{ "month": "Mar", "price": 2160 }
]
}说明： 数据用 JSON 给出，字段名保持英文（month/price），AI 解析准确；title/unit 也放进 JSON 便于代码统一取值。
用这张图片 https://example.com/doge.jpg 制作一个 DVD 光盘风格的动画。 图形沿直线在屏幕上平滑移动，碰到屏幕边缘就反弹。每次撞到边缘就改变方向，形成持续漂浮、来回弹跳的运动。速度恒定、线性移动。 每次反弹时改变颜色，不要旋转，动画速度要快。
说明： 参考经典屏保行为（DVD logo）描述运动逻辑；明确"不要旋转""速度要快"等负向约束。
如果你有设计稿、截图或灵感图，可以在输入框粘贴或拖入图片 （需切换到带「视觉」标记的模型并使用自有 Key）。 AI 会根据图片还原布局和配色，比纯文字描述更精准。
不要指望一次生成完美。第一次生成后，用对话继续提修改意见， 例如"把字体放大一倍""改成深色背景""入场动画再慢一点"。 AI 会基于当前代码增量修改，比每次从头写效率高得多。
涉及多组数据（图表、列表、表格）时，把数据用 JSON 包裹放进提示词， 字段名用英文（month/price/value 等），AI 解析准确率接近 100%。 字段值可以是中文，但字段名建议保持英文，便于代码取值。
默认 150 帧 / 30fps（5 秒）。需要更长动画时，在提示词里说明 "总时长约 10 秒"或"持续循环播放"，然后在编辑器顶部调整 durationInFrames 和 fps。
平台免费模式每个 IP 每日 100 次，使用 DeepSeek 模型。 需要更强模型（GPT-4o、Claude、GLM 等）或更多调用时， 在左下角点击"自有 Key"导入你自己的 API Key，不再受限频， 费用由你的 AI 服务商计费。
看明白了？现在就去试试。
开始创建动效