How Do You Make an Animated GIF in Figma?

GIFs are a great way to add some fun and personality to your designs. They can be used in webpages, in presentations, and even in print media.

While GIFs are typically created in specialized programs such as Adobe Photoshop or Adobe After Effects, they can also be created right in Figma. Figma is a powerful design tool that allows you to quickly create and prototype designs with ease. With its intuitive tools, you can easily create an animated GIF right within the Figma interface.

Step 1: Create Your Design

The first step is to create your design for the GIF. This can be anything from a simple animation of a bouncing ball to a complex 3D animation.

Using the drawing tools in Figma, you can draw whatever you need and then animate it using the timeline. You can also use the vector tools to create shapes and other objects that will animate along with your design.

Step 2: Export Your Design

Once you have finished creating your design, the next step is to export it as an animated GIF. To do this, go to File > Export > GIF Animation. In the dialog box that appears, you will be able to select various settings for optimizing your GIF file size and quality.

Step 3: Preview and Share

Once you have exported your GIF, you can preview it by clicking on the “preview” button at the bottom of the dialog box. Once you are satisfied with how it looks, click “Export” and then share your animated GIF with friends or post it on social media!


Creating an animated GIF in Figma is incredibly easy! With its intuitive tools and export options, anyone can quickly create an eye-catching animation that they can share with friends or post online. So if you’re looking for a quick way to bring some life into your designs, give Figma’s animated GIF feature a try!