Design vs Animate mode

Animate mode

Animate mode in Lottielab allows you to animate your layers by automatically creating keyframes as you make changes to the layer's properties at different points in time.

To enter animate mode, click the 'Animate' toggle at the top/centre of the Editor.

Design mode

Design mode is the default mode when the Animate mode toggle is switched off. In design mode, you can move your layer and make changes to it without animating those changes.

This is useful when you want a change that applies across your entire animation rather than at a specific point in time E.g increasing the overall size of your shape across your animation, or moving your entire shape animation across the canvas. See below: