Web Design » Figma » How Do I Get SVG From Figma?

How Do I Get SVG From Figma?

Last updated on September 29, 2022 @ 10:25 am

When it comes to creating vector graphics, Figma is one of the best tools out there. Not only is it easy to use, but it’s also free and available on all major platforms. And if you need to use your graphics on the web, Figma makes it easy to export your assets as Scalable Vector Graphics (SVG).

In this article, we’re going to show you how to export SVG from Figma.

Before we get started, it’s worth noting that there are two different types of SVG:

  • Structural: This type of SVG is code-based and is used for things like logos and icons.
  • Animated: This type of SVG is based on shapes and paths and is used for things like animations and illustrations.

For the purposes of this article, we’re going to focus on structural SVG.

How to Export Structural SVG from Figma

Exporting structural SVG from Figma is a two-step process:

PRO TIP: If you are looking for a way to get SVG files from Figma, be warned that there is no official way to do this. While there are some unofficial methods that claim to be able to convert Figma files to SVG, these may not work as expected and could result in lost data or file corruption. Use these methods at your own risk.
  1. First, you need to create your design in Figma.
  2. Second, you need to export your design as an SVG file.

Creating Your Design in Figma

Step One:

Before you can export your design as an SVG file, you need to create your design in Figma. If you haven’t used Figma before, don’t worry – it’s easy to use. Simply create a new file and start designing.

Exporting Your Design as an SVG File

Step Two:

Once you’ve created your design, it’s time to export it as an SVG file. To do this, simply go to File > Export > Export As… and select Scalable Vector Graphics (SVG) from the drop-down menu. You can also choose whether you want to export your entire design or just a certain element.

And that’s it! You’ve now exported your design as an SVG file.

Conclusion: How Do I Get SVG From Figma?


“Figma makes it easy to export your assets as Scalable Vector Graphics (SVG).”

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.