Web Design » Figma » How Do I Export a Figma File?

How Do I Export a Figma File?

Last updated on September 28, 2022 @ 8:26 pm

Figma is a vector graphics editor and design tool, created by Dylan Field and Evan Wallace. It is available for macOS, Windows, and Linux. Figma is the first interface design tool with real-time collaboration.

How do I export a Figma file?

There are two ways to export assets from Figma:

Method 1:

Open the file that you want to export assets from.

Click on the “File” menu in the top bar.

Hover over “Export” and click on “Export As…”

In the dropdown menu, select the format that you want to export your assets as (PNG, JPG, SVG, etc.)

PRO TIP: When exporting a Figma file, be aware that certain data may not be exported correctly or at all. This includes but is not limited to:

-Layers
-Groups
-Frames
-Vector networks
-Text
-Gradients
-Effects

Click on the “Export” button.

Select where you want to save the exported file and click on the “Save” button.

Method 2:

Open the file that you want to export assets from.

Select the asset that you want to export in the Layers panel.

Click on the “File” menu in the top bar.

Hover over “Export” and click on “Export Selected…”

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.