This website requires JavaScript. Please enable JavaScript in your browser settings.

+

Bring motion to Figma

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

5k likes

433k 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 animation library within Figma.

What's new

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.

#30DaysOfFigmaLottie

Get started in 3 simple steps

Download the plugin

Download LottieFiles for Figma.

Install on Figma

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

Guide

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

FAQ

What is a Lottie

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.

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

Get started with the plugin and all its features for free

Install on Figma

Products

Free Animations

Marketplace

LottieFiles Platform

Lottie Editor

Lottie Creator

LottieFiles Mobile App

Integrations & Tools

Adobe After Effects plugin

Figma plugin

Canva

Web Player

SVG to Lottie

Lottie to GIF

Lottie to dotLottie

JSON Editor

Optimize Lottie

Open Source Libraries

Customers

Customer Stories

Use Cases

Case Studies

Built with Lottie

Why Motion?

Resources

Education Center

Blog

What is Lottie

Forum

FAQ & Support

Community

Interactivity Guide

LottieDocs

Supported Features

Terms and Policies

Privacy Policy

Terms and Conditions

Terms of Sale

Community Guidelines

Upload Guidelines

Get LottieFiles for mobile and desktop

Region:

International

Español

Português

한국어

日本

Français

Deutsch

LottieFiles is by Design Barn Inc.

Made with ❤️ from Maldives

Feedback

Press

Meet the team

Careers

Products

Free Animations

Marketplace

LottieFiles Platform

Lottie Editor

Lottie Creator

LottieFiles Mobile App

Integrations & Tools

Adobe After Effects plugin

Figma plugin

Canva

Web Player

SVG to Lottie

Lottie to GIF

Lottie to dotLottie

JSON Editor

Optimize Lottie

Open Source Libraries

Customers

Customer Stories

Use Cases

Case Studies

Built with Lottie

Why Motion?

Resources

Education Center

Blog

What is Lottie

Forum

FAQ & Support

Community

Interactivity Guide

LottieDocs

Supported Features

Terms and Policies

Privacy Policy

Terms and Conditions

Terms of Sale

Community Guidelines

Upload Guidelines

Get LottieFiles for mobile and desktop

Region:

International

Español

Português

한국어

日本

Français

Deutsch

LottieFiles is by Design Barn Inc.

Made with ❤️ from Maldives

Feedback

Press

Meet the team

Careers