Slide, Pan & Roll Animations

Directional movement presets for entries, exits, pans, and rolling motion.

← Back to all animation presets

Create Your Custom Bannerify Animation

Describe your animation idea below, then use ChatGPT or Claude to generate a Bannerify-ready JSON animation you can paste directly into the plugin.

After generating your animation via your AI chat tool:

  1. Copy the JSON output
  2. Open Figma and launch the Bannerify plugin
  3. Go to the Custom Animations panel in the plugin
  4. Paste it into the "Paste generated JSON code here" field
  5. It auto-saves on paste and appears in the timeline animation preset dropdowns

Slide, Pan & Roll Animations Library

Use the search to quickly filter this category, preview presets, and click "Use as AI Prompt" to generate a custom variation.

Drop In

Preview

Pan In Bottom

Preview

Pan In Bottom Left

Preview

Pan In Bottom Right

Preview

Pan In Left

Preview

Pan In Right

Preview

Pan In Top

Preview

Pan In Top Left

Preview

Pan In Top Right

Preview

Pan Out Bottom

Preview

Pan Out Bottom Left

Preview

Pan Out Bottom Right

Preview

Pan Out Left

Preview

Pan Out Right

Preview

Pan Out Top

Preview

Pan Out Top Left

Preview

Pan Out Top Right

Preview

Roll In Bottom

Preview

Roll In Left

Preview

Roll In Right

Preview

Roll In Top

Preview

Roll Out Bottom

Preview

Roll Out Left

Preview

Roll Out Right

Preview

Roll Out Top

Preview

Slide In Bottom

Preview

Slide In Left

Preview

Slide In Right

Preview

Slide In Top

Preview

Slide Out Bottom

Preview

Slide Out Left

Preview

Slide Out Right

Preview

Slide Out Top

Preview

Zoom Pan Left

Preview

Zoom Pan Right

Preview

Slide, Pan & Roll Animations in Bannerify: Best Practices

Slide, pan, and roll animations are strong choices for storytelling sequences in banner timelines. These movement-based presets give clear directional flow, helping guide the eye from headline to product visual to CTA. In Bannerify, they are useful for building sequence-based ad concepts that feel intentional and easy to follow.

Use directional motion for carousel-style promotions, feature-by-feature product reveals, and timed CTA transitions in ad variations across multiple banner sizes.

Optimization tips for slide, pan & roll animations

For setup details, see Bannerify custom animation documentation and import your generated JSON presets into the Bannerify Figma plugin.