Tips and Tutorials
Step up your motion design game with Lottie animation tips and tutorials, packed with practical design tips, branding insights, and techniques to optimize your animation workflow and efficiency.
72 articles
Examples of UI/UX Animation in Website Design
UI and UX animation are crucial for website design. Here are some examples to check out.
10 Motion Designers to Follow For Inspiration (Plus Tips to Get Started)
Get inspired by this awesome list of creators.
3 Ways for Design Teams to Collaborate More Effectively
Break down barriers, build trust and create efficient workflows.
How to Add Lottie Animations Anywhere: Web, Mobile Apps, Design Mockups and More
Add motion anywhere – even if you can’t code or design.
Animated Emails: Why Add Animation to Emails & How to Do It
Add motion to your email marketing campaigns.
How to Add Lottie Animations to Adobe Express on Mobile
Create awesome animated designs with just a few taps.
A Guide to Animation and Motion Design for Social Media
Create scroll-stopping social media content with animation.
Motion Design and Marketing: Why it Matters, and How to Use It
Drive engagement and conversions. Here’s how to use motion design in marketing.
How to Upload Your Animations to LottieFiles
Upload your animations, then optionally, share them publicly.
A Guide to Motion Design
What is motion design, and why does it matter?
12 Creative Examples of Animated 404 Pages
404 pages don’t have to be boring. Get inspired by these creative animated examples.
10 Best WordPress Plugins for Animations
Animation and no-code – has there ever been a better combo?
How To Use Lottie Animations in High-Fidelity Prototypes
Adding animations to prototypes is as easy as drag and drop.
Why You Need to Add Motion to Your Design Systems
Here’s how motion can improve your website or app’s user experience.
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.
Adobe XD and Lottie Animations: Everything You Need to Know
Create more engaging prototypes! Here’s how to design with Lottie animations in Adobe XD.
App Design: How to Deliver Next-Level Experiences With Animation
Want to design an app that stands out? Here’s how to use animation to create unforgettable experiences.
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.
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