Lottie integrations and plugins: Simplify your motion design workflow
Simplify your motion design workflow with LottieFiles plugins and integrations. Create, edit, render, design, collaborate, and implement Lottie animations with ease right inside your favourite design and development tools.
Featured integrations
Explore the Lottie plugins and integrations used most widely by the community.
After Effects plugin
Render Lottie animations in one click and upload them to your private LottieFiles workspace.
Mobile app
Create animated greetings, download stickers and personalize Lottie animations on the go.
Framer plugin
Add amazing animations to your Framer sites using the new DotLottie component.
Discover Lottie integrations for the most popular design and development tools.
Create Lottie animations
Test & edit Lottie animations
Optimize & handoff Lottie animations
Embed & implement Lottie animations in design tools
Embed & implement Lottie animations in productivity tools
Embed & implement Lottie animations in no-code tools
Embed & implement Lottie animations in developer tools
Embed & implement animations with Lottie libraries
Learn more about integrating Lottie animations
4 Ways to Edit Your Lottie Animations
Here’s how to make any Lottie animation fit your brand or design aesthetic.
How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More
Seven ways you can add Lottie animations to almost any platform.
How to Add Animations and Prototype with the LottieFiles for Figma Plugin
Animate in Figma, as easily as drag and drop.
How to Optimize Lottie Files for Faster Page Load Speeds
Here are three ways to reduce the size of your Lottie animations for faster load speeds.
How to Embed Lottie Animations Anywhere, Without Code
The embed feature makes adding motion as easy as copy and paste.
How to Add Lottie Animations to a Website with HTML
Add Lottie with HTML, and customize the look of the animation and player.