When you’re designing with Figma, you can export layers, frames, or whole screen designs into JPG, PNG, SVG, or PDF image formats.

How to Export:

Step 1: Select Design

Select the frame (or layer). You can do this by clicking on it on the design canvas itself, or via the layers and assets panel on the left. 

Export Images from Figma step 1

Step 2: Configure Export Options

Once you’ve selected the frame you’d like to export, navigate to the inspector panel on the right and scroll down to find the section labeled Export. Click on the section to expand. 

Here, you can select what format you’d like to export your design in:

  • PNG
  • JPG
  • SVG
  • PDF

Export Images from Figma step 2

Step 3: Complete Export

Click the “Export [name]” button. 

Export Images from Figma step 3

For full guidance on exporting from Figma, check out Figma’s own help article.

Learn More About Figma

Want to learn more about the ins and outs of using Figma for your design work? Check out our free Figma 101 email course.

author avatar

Team Designlab

Enjoyed this article? Try another!

More from the Designlab Blog

Go to blog homepage