delasign
delasign

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

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
A flower that represents Figma with the text "Export" beneath it.

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

A screenshot of Figma showing a Frame, an image and a component.

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

Step Two: Click Export

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.

Click Export or the + to the right of it.

Step Three: Export the Elements

<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.
delasign logo
You imagine it, we create it.

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details

We'd love to chat &
see how we can help.