
你好,我是轩辕,SvgAnimate 的创作者。很高兴你来到这里。
我是一名B站UP主和Youtuber,在过去两年里,我制作了大量的计算机知识类的科普视频。

这些视频都是用动画的形式来讲解计算机相关的知识,相比起文字讲解,动画可以帮助很多人快速、简单直接了解一个抽象的概念。
但制作动画是一件非常复杂而且门槛很高的事情,需要学习专业的动画制作软件,很多新手都被劝退了。
后来我学习了Keynote,发现原来使用Keynote也能做动画,于是在过去两年我一直在使用Keynote来制作这样的视频。
但即便是使用Keynote,制作这些动画视频还是太费时间和精力了,要一点点调整动画效果。一个简单的动画片段可能就要花费很长的时间。
随着AI技术的发展我于是在思考:能不能让AI来解决这件让人头疼的事情呢?
抱着这样的想法,我做出了SvgAnimate,一个不需要掌握专业软件,只需要写下提示词就能制作动画的网站就这样诞生了!

SvgAnimate 是一个 AI SVG 动画生成平台:你只需要写一句话,系统就能生成可预览、可导出的 SVG 动画。它适合用在产品展示、教学演示、数据可视化、品牌动效、UI 细节等场景。
我希望更多人能享受AI时代的遍历,通过这款产品把自己脑子里的想法描绘出来,提高创作的效率。
为此,我把创作流程做得很简单,也准备了大量案例与教程。
你可以获得的免费体验
为了让更多用户可以免费感受到AI制作动画的神奇,所有用户都可以有 两次免费体验机会。你可以先试试看,把想法写出来,看结果是否符合预期。如果有任何建议或者吐槽,也欢迎告诉我,我会认真看。
你能用 SvgAnimate 做什么
- 做一个产品页的视觉动效
- 把复杂知识变成好理解的动画
- 制作品牌片头或海报动效
- 给 UI 加上细腻的交互动效
只要你愿意描述,SvgAnimate 就会帮你实现。我们希望它是一个“让你创作更快乐”的工具。
常见问题
下面整理了大家最关心的问题:
1、什么是 SVG 动画?
SVG 动画是让矢量图形运动起来形成的动画。SVG 本身是用代码画出来的图形,不是图片,所以放大不会模糊。通过动画,可以让这些图形移动、旋转、变形或改变颜色,常用于网页里的图标动画、加载动画和数据可视化。
2、什么是 AI SVG 动画生成器?
AI SVG 动画生成器通过文字提示直接生成 SVG 动画,你描述需求和动效,它输出可直接播放和导出下载的 SVG 动画。
3、需要编程基础吗?
不需要,你只要描述动效即可。懂一些设计概念会让结果更好,但不是必需。
4、如何写出好的提示词?
写清主体、动作、风格、颜色、时长、缓动和循环。例如:
创建橙色心形图标,平滑放大缩小,1.5秒一次,ease-in-out,无限循环。
5、生成的 SVG 动画可以商用吗?
可以,生成的 SVG 动效完全归你所有,可用于商业或个人项目。
6、移动端可以使用吗?
完全可以,本产品可以在移动端使用,我们为移动端做了专门的适配。
7、可以导出哪些格式?
支持在线导出 GIF 图片和 MP4 视频文件两种格式。
8、导出的文件出现异常怎么办?
如果导出视频无法播放或者与网站中看到的效果不一致,请选择导出视频菜单下的“直接录屏”功能,将进行所见即所得的录屏导出,推荐使用 Chrome 浏览器使用此项功能。
9、我创作的动画会被别人看到吗?
系统保护您的隐私,除非您主动选择公开,否则您的动画只有您自己可以看到。
10、生成结果不满意怎么办?
继续优化提示词,加入更清晰的动作、时长和风格描述,多次迭代会越来越接近预期。
11、不适合生成哪些类型动画?
SVG动画是基于代码生成的动画,适合包括点、线、面、体等几何元素组成的图像,可以抽象表达事物,但不适合生成现实风格的图像。
12、创作失败怎么办?
很遗憾,AI有的时候还是容易罢工,无法完成您的创作要求,但不要担心,如果创作失败,系统不会扣除您的使用次数,您可以再次尝试生成。
如果你刚好在寻找一个“容易上手、但能产出高质量”的动画工具,希望你能在这里找到灵感。欢迎你来体验,也欢迎你随时反馈。
我的X:@xuanyuanzhifeng
我的微信:xuanyuanuncle

SvgAnimate
SvgAnimate Contributor