Designing with Lottie Animations

Here's how to actually document motion in your design system, step by step.

With motion tokens, it’s one master file.

Every other layer of your product stack has been standardized. Color, typography, spacing, components. Motion hasn't. Here's how to fix that.

dotLottie is the new default for how we build, ship, and manage motion.

Trim keyframes. Simplify paths. Smaller files, same fidelity.

This AE plugin converts video and GIF files into Lottie animations entirely on your machine.

Lottie’s unique qualities are ideal for personality-driven motion.

Create state machines with AI for interactive animations to use across digital platforms.

Explore dynamic transitions based on user input and triggers.

Elevate your user experiences with a star rating system.

A new chapter of motion, is now in motion.

The need for performant and versatile animation formats has never been more urgent.