# How to insert a single frame from a Lottie animation into Figma

*By LottieFiles · September 10, 2021*

A quick tutorial to insert a single frame as an SVG from any animation from the Lottiefiles library into Figma.

---

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](https://www.figma.com/community/plugin/809860933081065308/LottieFiles) it right away

![](https://blog-cdn.lottiefiles.com/2021/09/Frame-1.png)

-   **Step 2:** Select the Search Tab, and explore various animations to suit your requirements

![](https://blog-cdn.lottiefiles.com/2021/09/Frame-2.png)

-   **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.

![](https://blog-cdn.lottiefiles.com/2021/09/Frame-3.png)

-   **Step 4:** Click on the **Insert as SVG**, and voila! You have that exact frame on SVG as part of the designs.

![](https://blog-cdn.lottiefiles.com/2021/09/Frame-4.png)

**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](https://player.vimeo.com/video/607294177?h=45f5809bb5&app_id=122963)

Also find the exercise file from our tutorial on how to insert a single frame as SVG from a Lottie animation Figma [here](https://www.figma.com/community/file/1018111520404748023).

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](https://twitter.com/LottieFiles), [Instagram](https://www.instagram.com/lottie.files/), and our [Youtube channel](https://www.youtube.com/channel/UCrD8xvZzX7QqZC_KXSAchqA) for more tutorials like this. See you in the next one!

Get LottieFiles for Figma

---

## Related Articles

- [How to Create Animations with AI Using Lottie Creator WebMCP](/blog/working-with-lottie-animations/how-to-create-animations-with-ai-using-lottie-creator-webmcp)
- [How to Build Your First Lottie Creator Plugin: Create and Animate a Rectangle](/blog/working-with-lottie-animations/how-to-build-lottie-creator-plugin-create-and-animate-a-rectangle)
- [How to Develop and Publish a Plugin for Lottie Creator](/blog/working-with-lottie-animations/how-to-develop-and-publish-a-plugin-for-lottie-creator)
- [Lottie/dotLottie vs. GIF: Choosing the Right Animation for You](/blog/working-with-lottie-animations/lottie-vs-gif)