Working with Lottie Animations
Master Lottie animations with our in-depth guides on various animation file formats, tools, plugins, apps and integrations, as well as essential resources designed to streamline your creative process and level up your designs.
113 articles
How To Use Lottie Animations in High-Fidelity Prototypes
Adding animations to prototypes is as easy as drag and drop.
How to Create Animated TikTok Videos with the LottieFiles Mobile App
Share free, customized Lottie animations to TikTok – without leaving your mobile device.
How to Add Animations to Instagram (IG) Stories with the LottieFiles Mobile App
Create animated posts and stories without leaving your mobile device.
A Guide to Color Theory for Motion Design
Learn how to pick the right colors and apply them to animations with the Color Palette feature.
The Complete Guide to Adding and Editing Lottie Animations in WordPress
Add motion to your WordPress site for free – even if you can’t design or code.
7 Stunning WordPress Websites That Use Lottie Animations
Want to create immersive experiences and effective UIs? Check out how these awesome WordPress sites are using Lottie animations to do that.
How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma
Create a Lottie animation from scratch and implement it in your Figma prototype.
What’s the Difference Between PNG, SVG and Lottie File Formats?
Here’s how they compare, and when you might use each file type.
How to Add Lottie Animations to 3D Designs with Vectary
Bring your design assets from Figma to Vectary to create beautiful perspective mobile app mockups.
How to Edit Animation Colors with the Lottie JSON Editor and Visual Studio Code
Here’s how to edit a Lottie JSON to change animation colors – no coding knowledge needed.
Why Should You Add Animation to Your WordPress Site?
Animation can boost user engagement, create effective UIs, and help your site stand out.
How to Animate Any Logo Without Adobe After Effects
Animate any logo, even if you’re not a motion designer. Here’s how with the SVG to Lottie tool.
How to Add Multiple Lottie Animations in OBS
Want to create animated overlays for YouTube Live, Twitch, Google Meet, or other platforms?
How to Chain Interactions with the Lottie-Interactivity Library
Interaction Chaining with Lottie-Interactivity allows Lottie animations to react to multiple user interactions.
How To Setup Named Markers in Lottie Animations
With this fun and quick tutorial on How to set up Named Markers in Lottie animations, you will learn to clearly define and document the different segments of your animations.
How to Design a Mobile App User Interface
This article will walk you through designing a mobile app user interface to engage users and convert the engagement into revenue. So let's get started.
Lottie vs. GIF: Choosing the Right Animation for You
The two most popular web animation formats, Lottie and GIF, collide head-on. This blog will focus on the 5 most important parameters to tell you who's the boss!
LottieFiles for Adobe XD
After the success of our plugins for Adobe Animate and Adobe After Effects, here is our newest plugin, LottieFiles for Adobe XD! Include motion in your design prototypes with native Lottie support and a lot more, right within Adobe XD.
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2025 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2025 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam