SVG Animation Generator 是一个基于人工智能技术的在线动画创作平台，旨在帮助用户无需编程技能或专业软件即可快速生成 SVG 动画和 HTML 视频。
该工具集成了 Gemini 3.1 Pro 模型，用户只需用文字描述需求，AI 便能自动生成对应的动画效果，覆盖 logo 展示、加载动画、图表动画以及解释性场景等常见应用。平台提供从创建到导出的一站式流程，支持输出 SVG、GIF 或 MP4 格式，并新用户注册即可获得免费试用积分。
B 站知识区、科技区的 UP 主都面临同一个问题：视频里需要动画，但做动画太慢了。
一个 10 分钟的科普视频，动画部分（原理演示、流程图、数据可视化）可能只有 2 分钟，但这 2 分钟吃掉的时间比你录口播 + 剪辑剩下 8 分钟加起来都多。AE 一个简单的 Logo 动效从画路径到调缓动曲线，熟练工也要 20 分钟起步。手写 SVG 动画更离谱，<animateTransform> 的坐标系能调到你怀疑人生。
如果用模板网站呢？找模板 10 分钟，下载 5 分钟，改文字改颜色改构图 30 分钟，最后出来的效果和你的内容两张皮。
SVGAnimate 的方案是：输入一句话，5 分钟后拿到一个可以直接放进剪辑轨道的动画文件。
不是”生成一段描述让你自己实现”，是直接返回 SVG/GIF/MP4，拿过来就能用。
技术架构
SVGAnimate 本质是一个 prompt-to-SVG pipeline，背后是 Gemini 3.1 Pro 在驱动——首页直接标的”Powered by Gemini 3.1 Pro”。
流程大致是：
用户输入一段描述
↓
AI Prompt Enrichment（自动扩展提示词，补充细节）
↓
Reference Style Templates（匹配视觉风格模板）
↓
Gemini 3.1 Pro 生成 SVG 代码
↓
浏览器端实时渲染
↓
Export: SVG / GIF / MP4
几个值得注意的点：
Prompt Enrichment 是自动的。你不用写详细的动画参数，给一个粗略想法，系统会把它展开成结构化的动画描述。这对非专业用户有意义——多数人说不清楚”贝塞尔曲线缓入缓出”但能说”Logo 弹出来”。
Reference Style Templates 解决审美对齐的问题。纯文本 prompt 很难描述视觉风格，选了模板后 AI 参考特定风格的色板、动效节奏、构图倾向来生成。
Advanced Mode 给专业用户留了口子。可以写更长的 prompt（2000 字符上限），控制更多细节。
动画类型覆盖
产品目前支持 17 个动画品类：
| 类别 | 典型场景 |
|---|---|
| STEM Knowledge | 科学原理演示（分子运动、电路原理） |
| Map Animation | 地图路径动画（物流路线、历史迁徙） |
| Data Visualization | 数据可视化动效（柱状图生长、折线绘制） |
| 3D Animation | 三.js 驱动的 3D 场景 |
| Hand-drawn Animation | 手绘风格动画 |
| Text Animation | 文字动效 |
| Logo Animation | Logo 揭示动画 |
| Product Demo | 产品功能演示 |
| Flowchart Animation | 流程图逐步展示 |
| Loading Animation | 加载动画 |
| Stick Figure | 火柴人动画 |
| Interactive Animation | 交互式动画（可拖拽、点击） |
| Line Drawing | SVG 线条绘制 |
| Web Mini Game | 网页小游戏 |
| Dynamic Webpage | 动态交互网页 |
| SVG Animation（通用） | 通用 SVG 动画 |
| HTML Video | HTML 驱动的视频 |
每个品类有独立的生成入口，说明后台可能针对不同品类做了 prompt 模板和约束参数的区别处理。
HTML Video 是个有意思的输出格式
SVGAnimate 在 2026 年 4 月加了一个比较特别的输出格式：HTML Video。
传统动画输出是视频文件（MP4）或图片序列（GIF）。HTML Video 的思路不一样——它输出一个独立的 HTML 文件，动画逻辑、样式、交互全写在里面，浏览器打开就是完整的动画页面。
这个方案有几个好处：
- 体积：一个 HTML 文件通常几十 KB，等价的 MP4 可能要几 MB
- 清晰度：SVG 是矢量的，任意缩放不变形
- 可编辑：拿到 HTML 源码后可以直接改参数、换颜色、调速度
- 部署：扔到服务器上就是一个独立页面，不需要视频托管平台
代价是播放体验依赖浏览器渲染性能，复杂动画在低端设备上可能掉帧。而且 HTML Video 没有”标准化播放器”的概念，在微信等封闭环境里直接打开的体验不如 MP4。
网站 Gallery 里有很多案例是 HTML Video 格式——”Linux 内核 Copy Fail 深度解析”、”Python 异常处理原理可视化”、”腾讯发展历程” 这些都是用这个格式生成的。
四步创作流程（知识动画）
SVGAnimate 对知识类动画（STEM 科普、教育内容）给了一套四步工作流：
Step 1 — 拆分分镜：把主题拆成分镜脚本，确定叙事节奏。不是让你手动拆，系统会从你的主题里自动生成分镜结构。
Step 2 — 生成场景 + 配音：同步生成分镜的画面和对应解说旁白。配音功能用的是文字转语音，可以在这一步完成整个动画的视听素材。
Step 3 — 编辑和修正：调整文字、画面、时序和转场。这步是让用户微调，修正 AI 生成中不符合预期的部分。
Step 4 — 录制和导出：录制最终播放效果，导出视频。
这个流程和传统动画制作的工作流一致：故事板 → 制作 → 审阅 → 导出。区别在于把故事板和制作两个最高人力成本的环节用 AI 自动化了。
商业模式
定价页是 SPA，具体价格要从浏览器加载 JS 后才能看到（curl 抓不到）。但从首页暴露的元数据里能确认：
- 免费试用：注册送试用 credits
- Points 系统：月付，每月给一定点数，用完后等下月，不累计
- 多档位：从”体验基本功能”到”专业用户”分层定价
- 支付：支持微信支付
按点数的计价模式和 Midjourney 类似——AI 生成的成本在 GPU 推理，按次收费比无限量订阅更可持续。
从 Gallery 页面能看到，每张卡片标了生成消耗的点数（11到2b 不等，币种看起来是混合的），大致能推断生成一次的成本在几美分到几十分之间。
和同类产品的区别
市面上 AI 动画生成大致四条路线：
- Runway / Pika：AI video generation，图生视频/文生视频，输出是 MP4
- LottieFiles AI：Lottie 动画生成，输出 Lottie JSON，局限在矢量图形
- Rive：交互式动画编辑器，更偏设计工具而非 AI 生成
- SVGAnimate：prompt-to-SVG/HTML，输出可编辑的 SVG 或独立 HTML 文件
SVGAnimate 和前三者的核心区别：输出是代码而不是二进制文件。SVG 和 HTML 本身就是源代码，这个特性让动画具备了”二次编辑”和”程序化控制”的可能。
评价
做得对的地方：
SVG 动画这个切口选得精准。视频生成工具（Runway/Sora）卷得厉害但质量不稳定，面向内容创作者的”轻动画”需求反而被忽略了。做科普视频需要一个”分子热运动”的示意图动画，不需要一个逼真的 3D 模拟——Runway 太重了，SVG 刚好。
输出 HTML/SVG 而非二进制视频的决策让它和竞品拉开了定位差距。
Prompt Enrichment + Reference Template 的组合降低了非专业用户的表达门槛，这是 ToC AI 产品成败的关键。
不足的地方：
不透明的地方是模型——虽然标了 Gemini 3.1 Pro，但具体怎么控制 SVG 生成的细节（system prompt、temperature、输出 schema）完全不可见。Gallery 里的质量参差——优秀的作品动画流畅、视觉到位，差的明显是模板拼凑。
Dynamic View 和 Web Mini Game 这两个品类稳定性看着不够，生成的页面在功能和体验上距离”能用”还有距离。
没有 API。所有操作只能通过网页界面完成，不支持批量化或集成到自动化 pipeline 里。对需要批量生成动画的团队是个硬伤。
