Migration: Keyframes to Animation Blocks
This article explains when and how to convert keyframes into blocks in the updated Animation Timeline.
Last updated
Was this helpful?
This article explains when and how to convert keyframes into blocks in the updated Animation Timeline.
Last updated
Was this helpful?
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.
➕ 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):
You can manually select:
Keyframes for a specific property (e.g., position, opacity),
All keyframes for a particular element,
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.
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.
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.
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
