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

How Do I Export a Figma File to SVG?

Last updated on February 6, 2023 @ 6:44 am

Assuming you have a Figma file open, here are the steps to export it as an SVG:

1. On the left sidebar, select the layer you want to export. If you want to export the entire document, select File > Export.

2. In the top menu, go to File > Export.

This will open up a window with a bunch of options.

Go to Figma file menu and click the export option

3. In the “Format” dropdown menu, select “SVG“.

4. Click “Export“. This will download your file as an SVG to your computer.

In the Figma export dropdown menu, select the SVG forma

Assuming you have a Figma file open, here are the steps to export it as an SVG:

1. On the left sidebar, select the layer you want to export. If you want to export the entire document, select File > Export.

2. In the top menu, go to File > Export. This will open up a window with a bunch of options.

3. In the “Format” dropdown menu, select “SVG“.

4. Click “Export“.

PRO TIP: When exporting a Figma file to SVG, there are a few things to keep in mind. First, make sure that all of the objects you want to export are on their own layers. If they’re not, they may be combined into a single object when exported. Second, make sure to set the “Page Size” in the Export settings to match the size of your canvas. Otherwise, the SVG file will be created at the default page size (letter). Finally, check the “Use Artboards” option if you want to create separate files for each artboard in your Figma file.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.