A Lottie is a JSON-based animation file format that uses a textual, descriptive representation of the animation elements and movement towards a smaller file size, platform independence, resolution independence, and variable frame rate during animation playback. Open-source and free Lottie players exist on the Web, iOS, Android, Windows, and other platforms.

Does LottieFiles for Figma supports dotLottie format?

Yes, LottieFiles for Figma supports dotLottie format.

Does LottieFiles for Figma supports GIF format?

LottieFiles for Figma allows you to import a Lottie as a GIF to your Figma design.

Bring motion to Figma

Q: Where can I download the LottieFiles for Figma plugin from?

You can go to Figma Community page and search for the LottieFiles plugin. You can also use the direct download link on LottieFiles website.

Q: What formats does the plugin support importing as?

The LottieFiles for Figma plugin allows you to import both Lottie (.json) and dotLottie (.lottie) formats to the Plugin.

Q: What formats does the plugin support exporting as?

Lottie (.json) is currently not supported natively on Figma, hence the plugin converts a Lottie (.json) to SVG or GIF and export it to your Figma design.

Q: Do I need to log in to use the plugin?

Yes, you’re required to login to your LottieFiles account to use the plugin.

Q: Do I need an internet connection to use the plugin?

Yes, the internet is required to sync the latest assets from the LottieFiles Marketplace.

Q: Does LottieFiles for Figma support SVG format?

LottieFiles for Figma allows you to insert a SVG frame from the Lottie animation to your Figma design.

Q: Can I access my private animations from the Plugin?

You can access your Private Animations stored on LottieFiles.com from the 'Workspaces' tab of the LottieFiles for Figma Plugin.

LottieFiles for Figma lets you create single or multiple-frame animations and enables you to bring your private animation library to Figma.

Install on Figma

4.4k likes

333k installs

Watch video

Export your Figma designs as Lottie animations, and use them across your websites or apps. Get instant access to the world's largest Lottie animations library within Figma.

Production-ready animations on Figma

Create high-quality Lottie animations

The Figma to Lottie feature enables you to create animations within Figma and export them as a Lottie. You can now create captivating animations from your Figma designs.

Design prototypes just like final products

Add Lottie animations to your Figma prototypes and present the most realistic and engaging version of your designs to your stakeholders. Communicate effectively with motion and eliminate the guesswork.

Animation for every industry, every use-case imaginable

Search over 80,000 free ready-to-use Lottie animations from within our Figma plugin. All animations can be used for personal and commercial use.

Access your team's private animation library

You can now bring your team's shared library for a more efficient and collaborative workflow.

Core Features

NEW

Figma to Lottie

Effortlessly create captivating animations within Figma and export them as production-ready assets.

LottieFiles for Figma aims to empower designers, developers, and marketers to craft stunning animations with little to no learning curve.

Insert your private files or choose from over 80,000+ free animations

Search and click to bring any animation directly to your Figma designs.

Create your production-ready animations

Choose between animated presets or connect multiple frames to create an animation on Figma.

Customise animations for your brand

Apply popular color palettes or bring your colors to match your brand style and aesthetics.

Get started in 3 simple steps

Download the plugin

Download LottieFiles for Figma.

Install on Figma

4.4k likes

333k installs

Search or create your own

Search for animations via the ‘Discover’ ‘Workspaces’ tab. Or create your own animation using the "Figma to Lottie" tab.

Insert your animation

Open, personalize and insert your animation as a GIF on the Figma canvas.

How to create Lottie animations in Figma

Design teams love LottieFiles

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy
"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."
Salih Abdul-Karim, Lead Motion Designer at Airbnb
"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."
Barrett Johnson, Product Marketing at Webflow
"LottieFiles is a one-stop destination for all your Lottie needs ever."
Saptarshi Prakash, Product Design Manager at Swiggy

Additional Resources

Here are some inspirations for you to get started with LottieFiles for Figma.

A Beginner's Guide to Color Theory for Motion Design

Guide

A Beginner's Guide to Color Theory for Motion Design

How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma

Guide

How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma

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

Guide

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

How to Add Animations and Prototype with the LottieFiles for Figma Plugin

Bring motion to Figma

Production-ready animations on Figma

Create high-quality Lottie animations

Design prototypes just like final products

Animation for every industry, every use-case imaginable

Access your team's private animation library

Core Features

Figma to Lottie

Insert your private files or choose from over 80,000+ free animations

Create your production-ready animations

Customise animations for your brand

Get started in 3 simple steps

Download the plugin

Search or create your own

Insert your animation

How to create Lottie animations in Figma

How to create Lottie animations in Figma

Design teams love LottieFiles

Design teams love LottieFiles

Design teams love LottieFiles

Design teams love LottieFiles

Additional Resources

Additional Resources

A Beginner's Guide to Color Theory for Motion Design

How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma

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

How to Add Animations and Prototype with the LottieFiles for Figma Plugin

FAQ

FAQ

What is a Lottie

Where can I download the LottieFiles for Figma plugin from?

What formats does the plugin support importing as?

What formats does the plugin support exporting as?

Do I need to log in to use the plugin?

Do I need an internet connection to use the plugin?

Does the LottieFiles for Figma plugin support dotLottie format?

Does the LottieFiles for Figma plugin support GIF format?

Does LottieFiles for Figma support SVG format?

Can I access my Private Animations from the plugin?

Install LottieFiles for Figma