Converting SVGs to animated Lotties in seconds

Now that we've learned what we can achieve with Lottie Editor, such as changing colors, hiding or showing layers, exporting a single layer, and changing the content, dimensions, or speed of the animation, let's move to learn some other features the LottieFiles platform allows us to do with our animation in a single step. Let's forget about our check_icon, which is ready to be handed off to the development team. Let's see how easy and simple it is to animate an SVG file.

We talked about this feature back in Chapter 1, Get Started With Lottie but now we are going to show you how to convert your SVG files to Lottie:

1. Go to https://lottiefiles.com/svg-to-lottie:

Figure 5.40 – SVG to Lottie feature view

2. Click on the Browse your SVG file button.
3. Browse for the lottie/chapter05/SVGtoLottie.svg file provided with this book.
4. Open the SVGtoLottie.svg file.

Well...