Migration: Keyframes to Animation Blocks

This article explains when and how to convert keyframes into blocks in the updated Animation Timeline.

Overview

If you're working with older creatives that use keyframe-based animation, here’s what you need to know:

• ✅ All keyframe animations will still work as before. If you don’t need to make any changes, you can keep using them without converting.

  • You can continue to select, edit values, or move individual keyframes as needed.

Using Keyframe and Blocks concurrently

• ➕ If you plan to add new animations, we recommend converting your keyframes to blocks for full compatibility with the new system.

  • All newly created animations will be automatically added as blocks.

• ⚠️ In cases where conversion is required, a pop-up will notify you and guide you through the process (shown below):

Conversion pop up

---

How to Convert Keyframes to Blocks

You can manually select:

1. Keyframes for a specific property (e.g., position, opacity),

2. All keyframes for a particular element,

3. Or all keyframes in the animation.

Then:

• Click the “Convert to Blocks” button in the Animation Timeline (AT) top bar.

• Once converted, the keyframes will appear as animation blocks in the timeline.

Important: Always play your animation after conversion. If the result isn’t as expected, you can undo the conversion. We've implemented comprehensive conversion rules to preserve the animation as closely as possible, but minor discrepancies may occasionally occur.

Converting Keyframes to Blocks

---

What Happens During Conversion

• Each keyframe will be treated as either the start or end of a block.

• Whenever there’s a transition between two values, a block will be created to represent that change.

• All easing functions applied to keyframes will be preserved and applied to the corresponding blocks.

• Keyframes with no value change (i.e., value = original value) will be discarded during conversion, as they do not contribute to the animation.

Other Creative Sizes

Keyframe-to-block conversions are applied only to the currently selected size of your creative. If you have animations in other sizes:

• Existing keyframe animations will continue to work as expected in all sizes.

• You don’t need to convert keyframes in every size unless you plan to modify the animation in those sizes.

• If you want to edit animations in a different size, you'll need to select that size and convert the keyframes there.

---

Summary

Feature	Behaviour
Reuse existing keyframes	No conversion required
Edit or move keyframes	Fully supported
Add new animations	Will use the new block-based system
Manual conversion	Available for specific properties, elements, or the whole animation
Automatic conversion (forced)	Only occurs when required — you’ll be prompted via pop-up
Post-conversion validation	Always play and use Undo if needed
Animation in multiple sizes	Conversions are per size — only convert if you plan to edit animation in that size