How to Export Images from Figma

A step-by-step guide that shows you exactly how to export layers, frames, and other design elements from Figma.

Team Designlab
Team Designlab
|
Oct 17, 2022
|
2
Min Read
Share

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

[MID_ARTICLE_CTA]

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.

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.

Launch a career in ux design with our top-rated program

Top Designers Use Data.

Gain confidence using product data to design better, justify design decisions, and win stakeholders. 6-week course for experienced UX designers.