···

    Export from Figma

    Before you start

    Who can use this feature

    Supported on any team or plan.

    Anyone with can view access to the file can add export settings and export assets

    Anyone with can edit access to the file can use the Slice tool

    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

    Tip: Some objects can be copied and pasted between design tools to save time when working between tools. Learn how to copy assets between tools →

    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 →

    Note: You can also export your entire file as a .fig (Figma design) or .jam (FigJam). Learn more about saving a local copy of a file →

    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.

    Slice_tool__1_.png

    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

    Frame_1__10___1_.png

    Note: If you don’t see the export settings, try refreshing the page. If that doesn’t work, the file owner may have restricted viewers from being able to copy or export assets from the file. Learn more about restricting copying and sharing on files →

    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.

    Note: If you have multiple objects selected, the Preview setting does not display.

    1. 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.

    Related Videos