Motion System
Motion System lets you author and apply motion design elements — reusable design decisions for color, font, easing, motion presets, and asset collections — across After Effects compositions. It's the AE plugin's hook into LottieFiles' design-element-for-motion system, which also runs in Lottie Creator and on the web.
If you've used color elements or text styles in a static design system, Motion System extends the same idea to time-based properties. Easing curves, animation presets, and motion-specific colors become named elements you reuse across animations, instead of redefining them per comp.
In this chapter
Motion System basics — concepts: what's a system, what's a section, what's an item, how lifecycle works.
Editing sections — adding, modifying, and organizing the design items inside a system.
Motion System panel controls — UI reference.
When to use Motion System
You're shipping multiple Lotties that should share a visual language (brand colors, signature easing curves).
You're working across AE and Lottie Creator and want one source of truth for motion-specific style.
You need themed Lotties (light/dark, brand variants) that change consistently across files.