SaltfishTry for free

How to Make a GIF in Figma

·2 min read
In this article

Creating animated GIFs directly in Figma is a powerful way to showcase design prototypes, demonstrate user interactions, or share quick design concepts. With the right plugin, you can transform your static frames into engaging animated content without leaving your design workspace.

This tutorial walks you through the complete process of generating GIFs from your Figma frames using the Animated GIF Maker plugin. You'll learn how to select frames, configure animation settings, and export your final animated file for sharing or presentation purposes.

Here's how to make a gif in Figma

  1. Choose the frames from your Figma canvas that you want to include in your animated GIF.
  2. Navigate to the bottom panel of your Figma interface and click on the 'Actions' button.
  3. Type 'Animated GIF Maker' in the search field and choose it from the list of available plugins.
  4. Adjust the animation settings such as frame rate, loop options, and quality according to your needs.
  5. Click the 'Generate GIF' button to start creating your animated file.
  6. Wait for the generation process to complete, then click 'Download GIF' to save the file to your computer.

Your turn to show how it works.

Build a walkthrough of your product with Saltfish, then share it with your customers.

Create a guide with Saltfish

Frequently Asked Questions

For most design presentations, a frame rate between 12-24 fps works well. Lower frame rates (8-12 fps) create smaller file sizes but may appear choppy, while higher rates (24+ fps) provide smoother animation but result in larger files.