Skip to main content

How to Use the Timeline in the Design Generator

Learn how to use the timeline in the Design Generator to edit slide duration, animations, and layers for multi-size designs.

Updated this week

The timeline in the Design Generator works much like the one in the single Editor, so if you’re already familiar with that tool, this will feel intuitive. However, the Generator timeline also includes additional features that streamline working with multi-size design sets.

Key Features of the Timeline in the Design Generator

Show or Hide the Timeline

Easily toggle the timeline on or off using the Show/Hide Timeline button in the upper-right corner of the editor. This helps keep your workspace clean while giving you quick access to animation controls when needed.

Adjust Slide Duration

You can set or modify the duration of each slide in your design, ensuring that animations and transitions align with your campaign goals.

Control Build-In and Build-Out Animations

Define the entry and exit animations of elements by adjusting duration and delay. This helps create smooth transitions and professional-quality animations across multiple sizes.

Advanced Animation Customization

For more control, switch to Advanced Mode where you can fine-tune each element’s animation path, speed, and timing for precise results.

Rearrange Layers Easily

Use the timeline to drag and reorder layers to better organize your animation flow and ensure the right elements appear at the right time.

Additional Generator-Exclusive Features

Unlike the single Editor, the Design Generator timeline lets you:

  • Paste animations across all sizes in your set, saving significant time.

  • Sync animations for consistency while still allowing per-size adjustments in Focus Mode.


Ready to start designing?

👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.

Did this answer your question?