Did you know you can insert a single frame as an SVG from any animation from the Lottiefiles library into Figma? Here is a quick tutorial to help you with it:

  • Step 1: Open the Lottiefiles plugin in Figma. If you don't have it yet, download it right away
  • Step 2: Select the Search Tab, and explore various animations to suit your requirements
  • Step 3: Click on the animation you want to add as SVG and make sure to select the exact frame you want to add. You can use scrubber from the player timeline to choose the perfect frame.
  • Step 4: Click on the Insert as SVG, and voila! You have that exact frame on SVG as part of the designs.

Check out our video tutorial to insert a single frame as an SVG from a Lottie animation into Figma

How to insert a single frame as an SVG from a Lottie animation into Figma 

Also find the exercise file from our tutorial on how to insert a single frame as SVG from a Lottie animation Figma here.

We hope this bite-sized tutorial was both fun and informative. Let us know in the comment section below.

You can follow us on Twitter, Instagram, and our Youtube channel for more tutorials like this. See you in the next one!