How to Export an SVG File From Figma
- George Apostolov
How to Export an SVG File From Figma: step-by-step guide
Head over to the left-side panel, then select the layer you want to export.
Following that, go to the right-side panel and click 'Export'.
Configure the export settings based on your preferences. As for the file format, choose 'SVG'.
Finally, click 'Export' to render the selected layer and save a copy to your device.
Quick answer: To export an SVG file from Figma, select the target layer in the left-side panel. Then, open the Export menu in the right-side panel, choose SVG as the file format, configure your preferred settings, and click Export to save the file to your device.
About this Figma tutorial
Export layers as SVG files in Figma quickly by selecting your artwork, setting the format to SVG, and downloading the rendered copy. This guide shows how to export an SVG File From Figma in 4 steps, starting with "Head over to the left-side panel, then select the layer you want to export" and finishing with "Finally, click 'Export' to render the selected layer and save a copy to your device". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to export an SVG File From Figma?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Export Images From Figma, How to Flip an Image in Figma and How to Get CSS Code From Figma Designs. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
