Web Design » Figma » How Do I Add Lottie Files to Figma?

How Do I Add Lottie Files to Figma?

Last updated on September 28, 2022 @ 10:24 pm

PRO TIP: This article is outdated and no longer applies to the current version of Figma.

Lottie is a great way to add animation to your Figma designs. You can use Lottie to animate vector illustrations, logos, or any other design element. Lottie files are easy to use and can be added to your Figma design with just a few clicks.

To add a Lottie file to your Figma design, first click on the “Add” button in the left sidebar. Then, click on the “Lottie” option in the “Add” menu. This will open the “Add Lottie” dialog box.

In the “Add Lottie” dialog box, you will need to select the Lottie file that you want to add to your Figma design. To do this, click on the “Browse” button and navigate to the location of the Lottie file on your computer. Once you have selected the file, click on the “Open” button.

After you have selected the Lottie file, you will need to choose where you want to add it in your Figma design. To do this, click on the “Insert” button and then select the “Layer” option. This will add the Lottie file to your Figma design as a new layer.

Once you have added the Lottie file to your Figma design, you can adjust its size and position by clicking on it and dragging it around. You can also change its opacity and rotation by clicking on the “Transform” button in the top toolbar.

Lottie files are a great way to add animation to your Figma designs. They are easy to use and can be added with just a few clicks. With Lottie, you can animate vector illustrations, logos, or any other design element.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.