How To Export From Figma

Exporting on Figma is straightforward, but the process varies based on the selection and export requirements. In this guide, we will help you present different approaches to export from Figma to get you all covered.

Before Getting Started: Start by navigating to Figma and sign in with your credentials. Next, open an existing design from Recents or create a new one using the Design file button present at the top right corner.

What we cover

Export Layers from Figma

Click on the layer to select it, and after it is selected, you’re displayed with the Properties panel to the right.

Now, navigate to the Export section and click on it to reveal options. From the available options, set the File type from the drop-down and click on the associated Export button to export the selection.

Pro Tip: You can also export multiple layers at once through Figma. For this, select the layers you wish to export while holding the Shift key. Now, you can see that the Export button has been updated based on the selection.

For demonstration, we have selected an image and a shape, and the button is updated to Export 2 layers.

Export Specific Part of Design from Figma

If you want to select a specific part of the design instead of selecting multiple layers, the Slice tool is the right choice. While using the Slice tool, keep in mind that it works like a Snipping tool, and everything selected for use is exported.

Navigate to the top left corner and select Slice tool from the toolbar. If you’re having difficulty finding it, press S to load the tool.

After the Slice tool is loaded, make the selection by holding the left mouse button and dragging it over the design you want to export.

With the selection done, navigate to the Export section from the Properties panel, and you will notice the Export Slice button. Now, click on it to export the selection.

Export All Layers from Figma

If your design has multiple layers, and you want to export everything at once, navigate to the top left corner, click on File, and then Export.

Now, you’re asked to select the layer you want to export. While doing so, ensure that all layers are checked before proceeding by clicking on the Export button.

Wrapping Up

Congratulations on learning how to export from Figma!

While the above approaches are arguably the available approaches to export in Figma, if you’re looking to export the entire design, you can share it by clicking on the Share button present at the top right corner or saving it to local storage by clicking on Save local copy as from File options.