Skip to main content

Using GIFs in Your Designs with the GIPHY Integration

Learn how to add and edit GIFs with our built-in GIPHY integration, trim animations, and optimize playback.

Updated this week

Why GIFs Are Popular in Design

GIFs are one of the most engaging and widely recognized visual formats, perfect for adding personality and motion to your designs. Our platform integrates the GIPHY library, giving you direct access to millions of animated GIFs without leaving the editor.

How to Add GIFs to Your Design

Accessing the GIPHY Library

You can find the GIPHY widget in:

  • The Elements section of the Design Editor

  • The New Layer section in the Design Generator

Simply search for a keyword, browse the results, and choose the GIF that best matches your creative vision. Adding a GIF follows the same placement workflow as images or clipart—just drag and drop onto your canvas.

GIF depicting how to find the Giphy library in the Editor and the Generator.

Editing GIFs in the Design Platform

Adjusting GIF Playback and Style

Once your GIF is added, you can:

  • Trim the animation to show only the desired portion

  • Set build-in and build-out effects for smooth transitions

  • Control playback settings, including:

    • Show or hide player controls

    • Enable or disable autoplay

    • Loop the animation for continuous play

GIF depicting management and animation options for GIF layers.

Performance Optimization

For better speed and performance, GIFs from GIPHY are converted to .MP4 format within the platform. This means they behave like videos in the editor but still look and loop like GIFs.

Screenshot of GIF layer properties.

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?