Timeline
Last updated
Was this helpful?
Last updated
Was this helpful?
The timeline allows you to playback your animation and is the control centre for creating keyframes to determine the timing of each property change you make.
You'll notice that we recently updated our timeline design. Majority of the features available in the timeline remain the same, so you should find the functionalities you're used to are still possible with the same actions.
Below is an image of the old timeline for reference:
✅ Less Cluttered, More Readable Layout:
In the previous version, elements were packed together, making it hard to scan animation properties quickly.
The new version spreads elements out more efficiently, reducing visual noise and making it easier to navigate.
The keyframe Thumbnails are now permanently disabled. Whilst this means you can no longer see a visual reference of your animations across the timeline, it also reduces the clutter on the timeline making it easier to get to what you need faster.
Aggregated keyframes are no longer visible on a layer/group level anymore. This means that whilst you can't tweak keyframes directly on a group level, it also reduces the visual noise allowing you to separate layer and keyframe elements and actions more easily.
✅ Improved Layer & Animation Property Organisation for better navigation:
The old version had denser groupings, similar-looking rows and transition bars for both layers and animations, and no label indicators to differentiate elements, making it difficult to locate individual elements.
The new version clearly separates layers and properties, which makes finding and editing specific animations much faster, both in terms of spacing and label indicators too.
✅ Better Keyframe & Transition Control:
Layer properties that can be animated are now more explicit, clicking the add button on a layer level shows all animatable properties for the layer, helping you get started more easily.
In the previous version, keyframes and animations looked visually compacted, making it harder to differentiate and work with keyframes and transitions at a glance.
The new version uses better descriptions, spacing and highlights active transitions, so it’s easier to see what’s going on and tweak things faster.
✅ Enhanced Utilities (Navigation, Selection, Dragging, Duplication, Renaming):
You can perform quick actions to help you navigate your animations better such as expanding and collapsing all rows to quickly get to layers you need.
The selection experience for individual and multiple keyframes is now improved, making it faster to perform basic timeline workflow actions such as those below.
Scaling, duplicating and playing back individual and multiple keyframes and transitions are now much easier and powerful due in part to the above.
Renaming layers directly in the timeline is another usability win—no need to go elsewhere to update names.