Skip to content

Get Started

Pixodesk SVG Animator is an editor that makes SVG animations, a set of players that run them, and the file format that connects the two. Four steps take you from nothing to an animation playing in your page or app; each step links to the page that has the details, for when you want them.

1. Get the editor

Section titled “1. Get the editor”

Download Pixodesk SVG Animator for Mac or Windows from the download page. It is also part of Pixodesk Animator Studio, the edition that adds Pixodesk Lottie Animator; these docs apply to both.

2. Make an animation

Section titled “2. Make an animation”

Draw shapes, paths and text on the canvas — or import an SVG from Figma, Illustrator or Inkscape — and animate them on the timeline. The Quick Start does this once, end to end, in ten minutes: a bouncing ball. The Editor manual has everything else, when you need it.

3. Choose how it will play

Section titled “3. Choose how it will play”

The editor saves the same animation in two shapes, and you can switch between them at any time (Choosing a format):

  • JSON, played by the player library — for a React, Vue, Next.js, Nuxt, plain HTML or React Native project. You install one package and write a few lines; in return you can start, pause and control the animation from code.
  • Pre-rendered SVG — a finished .svg file you drop into any page, CMS or static site. No code, no library.

The editor also exports Lottie, video, GIF and images — Export.

4. Play it

Section titled “4. Play it”

When you need more

Section titled “When you need more”