Skip to main content

Design and Animate modes

A primer on navigating the design and animate modes in Jitter

In Jitter, every layer has a lasting design state (how it looks when nothing is animating it).

🖼️ Design mode edits the static state.


🎬 Animate mode adds timed motions on top of it.

Layers stay on the scene for the whole scene. Instead of manipulating keyframes, you use operations to hide or reveal them with In/ Out animations.

Switch between the two modes from the Property panel, or use the M keyboard shortcut.

Mode

What you edit

What the scene shows

Design

The layer’s static look and layout (position, size, color, opacity, fill, stroke, text, etc.)

The layer before animations are applied. Or its resting design

Animate

Motions over time (presets or custom animations)

The layer at the current playhead time, with animations applied


Useful terms

  • Layer = the persistent object on the scene

  • Design properties = static baseline of that layer

  • Animation / operation = timed change of one or more properties, such as intros and outros

  • Timeline = when animations run

  • In / Out = how layers appear or leave

Did this answer your question?