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.
108 articles
How to add Lottie JSON and dotLottie animation files on Framer
Create an amazing animated website with just a few clicks.
How to Create Production-Ready Lottie Animations with Figma to Lottie
Let us guide you through how you can bring your visuals to life - a treat perfect for designers of all levels.
Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles
Bring your design to life! Create Lottie animations directly in Figma with our new plugin feature.
Introducing dotLottie: An Open-Source File Format
File format for efficient and easy distribution of Lottie animations.
LottieDocs: Everything About the Lottie File Format
Meet the one-stop guide for all things Lottie. Learn more and create more with LottieDocs now.
Explore Lottie Animation Format, Lottie Players and the Latest Tools and Features
Get to understand the Lottie creation and the ecosystem around Lottie.
How to Edit Lottie Animations With the Lottie Editor
Tweak your animation’s dimensions, layers, colors, text, image and more and use it in any design project.
How to Customize Lottie Animations on Lottie Editor with CSS Classes
Change color and customize your Lottie animation by adding ID tags and classes to target layers with CSS!
New and Improved Lottie Editor for Seamless Animation Editing
The new Lottie Editor simplifies the animation process by making it easier to adjust, color changes and optimize or conceal layers.
Here’s What You Can Do with the New LottieFiles Mobile App
Create animated designs, share them straight to social media, customize animations and more.
How to Add Lottie Animations in iOS Apps (Swift)
A Swift/iOS tutorial on how to add Lottie animations to your apps.
How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More
Add motion anywhere – even if you can’t code or design.
4 Ways to Edit Your Lottie Animations
Here’s how to make any Lottie animation fit your brand or design aesthetic.
Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow
It’s never been easier to work on motion design projects with your team.
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 Download Animated Stickers for WhatsApp and Telegram
Level up your messaging game with animated stickers.
How to Add Lottie Animations to Adobe Express on Mobile
Create awesome animated designs with just a few taps.
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2024 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam
Products
Integrations & Tools
Resources
Terms and Policies
LottieFiles is by Design Barn Inc.
Copyright © 2024 Design Barn Inc. All rights reserved.
Made with ❤️ fromVietnam