Export from Figma

You can export your designs from Figma in a variety of file formats and scales. Exporting helps you share content with others, move content between tools, and save copies of your designs outside of Figma.

To export content from Figma:

1. Select the content you want to export
2. Apply export settings. Learn more about Figma's export formats and settings →
3. Export a specific selection or export content in bulk

Select content to export

Select the content you want to export. This could be a single layer, multiple objects, or everything on the canvas. If your file has multiple pages, you’ll need to select and export content on each page separately. Learn more about selecting objects in Figma →

Use the Slice tool

If you have edit access to a file, the Slice tool is another way to select content for export. The Slice tool is located under the Region tools dropdown in the toolbar.

To create a slice, drag the Slice tool around the region you want to export. You can move and resize the slice if needed. Keep in mind that only content that is visually within the slice boundaries will be exported. This is useful for creating an image from a portion of your design.

Slices also let you control padding. Otherwise the padding is computed from the overall shape bounds. The latter adjusts when the shape changes size, whereas the slice is absolute.

Once the slice is positioned where you want it, you can apply export settings to it like any other object.

Apply export settings

Use the export settings to control how Figma exports your designs.

The location of the export settings varies depending on your level of access to the file:

• Users with can edit access can find the export settings in the Design tab of the right sidebar
• Users with can view access can find the export settings from the Export tab of the right sidebar

You can add as many export settings for your selection as you want. These can be a combination of different formats or scales. Learn more about Figma's export formats and settings →

To add an export setting, click at the top of the Export section.

To remove an export setting, click at the top of the Export section. Figma will remove the most recently added export setting for the selected object.

Export content

Export a selection

You can export selections when you first apply the export settings, or by selecting an object that already has export settings applied.

1. Select the layers you want to export.
2. Add or adjust any export settings.
3. Click next to Preview to see how your asset will look.

4. Click Export.

Export in bulk

Export assets in bulk using the export list. This includes every selection on your current page that has an export setting applied.

1. Click the menu and select File and then Export from the options. You can also use the keyboard shortcut:
   • macOS: Shift + Command + E
   • Windows: Shift + Ctrl + E
2. The Export modal displays all the selections with export settings applied. For each selection you can:
   • View the scale, format, and dimension of the asset
   • Hover over the thumbnail or layer name to view the exported file name
   • Click on the thumbnail to view that selection in the canvas
3. Uncheck the box next to any selections you don’t want to export.
4. Click Export to export the selected assets.