ReferenceLayersLines and shapes
Lottie animation
A Lottie animation, sharp at any size (not on every system).
- Kind
- Layer · Lines and shapes
- Script name
lottie- Cost to draw
- Heavy

Lottie
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Filesource | lottie file | none | A Lottie .json file |
Speedspeed | number | 1× | 0.1 to 4× |
Looploop | on or off | on | – |
Framessegment | low and high | [0, 0] | 0 to 100000 to 0 plays it all |
Fitfit | choice | Whole | Whole, Fill, Stretch |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Lottie animation:
scene.set("Lottie animation", "speed", 4);scene.animate("Lottie animation", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Lottie animation", "speed", 4);scene.animate("Lottie animation", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetLottie animation
Parameter Namespeed
Parameter Value4
What every layer has
Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.