How to convert a frame to SVG code in Figma

Select the frame or objects, right click and select Copy/Paste as > Copy as SVG.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 07/04/2023 at 15:14
Last Updated on 01/08/2024 at 09:18
A flower that represents Figma with the text "SVG Code" beneath it.

Select the frame or objects, right click and select Copy/Paste as > Copy as SVG.

Subscribe

Step One: Select the Frame or Objects

A screenshot of our Figma project for the Price After app. We have highlighted the selection of the Android icon.

In the Figma project, select the frame or highlight the objects that you wish to export as SVG code.

Please note that the icon selected references our Price After app.

Discover Price After

Step Two: Copy as SVG Code

A screenshot of Figma showing you the menu that appears when you right click on a frame or objects. If you select Copy / Paste as > Copy as SVG, you will export the SVG as code.

Right click and select Copy/Paste as > Copy as SVG.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe