# Animating

Animating in Lottielab is simple and dependent on three main controls, entering [animate mode](https://docs.lottielab.com/editor/animating/design-vs-animate-mode), [moving your playhead](https://docs.lottielab.com/editor/timeline/playhead-and-controls#playhead) to a point in time and updating properties to [create a keyframe](https://docs.lottielab.com/editor/animating/timeline/keyframes/add-a-keyframe) at that point in time.

{% content-ref url="animating/design-vs-animate-mode" %}
[design-vs-animate-mode](https://docs.lottielab.com/editor/animating/design-vs-animate-mode)
{% endcontent-ref %}

{% content-ref url="animating/auto-animate" %}
[auto-animate](https://docs.lottielab.com/editor/animating/auto-animate)
{% endcontent-ref %}

{% content-ref url="animating/timeline" %}
[timeline](https://docs.lottielab.com/editor/animating/timeline)
{% endcontent-ref %}

{% content-ref url="animating/timeline/keyframes/add-a-keyframe" %}
[add-a-keyframe](https://docs.lottielab.com/editor/animating/timeline/keyframes/add-a-keyframe)
{% endcontent-ref %}

{% content-ref url="animating/easing" %}
[easing](https://docs.lottielab.com/editor/animating/easing)
{% endcontent-ref %}