How to export frames, screens or assets as Images or PDFs in Figma

A step by step guide on exporting one or more elements in Figma to images (PNG, JPG, SVG) or PDF.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 07/28/2023 at 13:52
Last Updated on 08/03/2023 at 16:14
<p>A flower that represents Figma with the text "Export" beneath it.</p>

A step by step guide on exporting one or more elements in Figma to images (PNG, JPG, SVG) or PDF.

Subscribe

Step One: Select the Elements

<p>A screenshot of Figma showing a Frame, an image and a component.</p>

In Figma, select the elements that you would like to export.

Step Two: Click Export

<p>A screenshot of Figma showing a Frame, an image and a component, which have been selected. Highlighted on the bottom right of the right menu bar is the “Export” section. Click “Export” or the + to the right of it to open the export menu.</p>

Click Export or the + to the right of it.

Step Three: Export the Elements

<p></p> <p>A screenshot of Figma showing a Frame, an image and a component, which have been selected. Highlighted on the bottom right of the right menu bar is the “Export” section. It has been expanded and shows how the selected elements can be exported at 1x as a PNG through a button which says “Export x Layers” - x in this case is 3, as 3 elements have been selected.</p> <p></p>

Set the export settings that you wish and click the "Export Layers" button.

Please note that the export defaults to a PNG. To export as a JPG, PNG, SVG or PDF, use the dropdown that appears by pressing PNG.

You may also export at different proportional sizes by changing 1x to a different proportion, or using the proportional size dropdown next to 1x.

Looking to learn more about things you can do with Figma ?

Search our blog to find educational content on learning how to use Figma.

Search our Blog

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe