Web Design » Figma » Can You Edit SVG in Figma?

Can You Edit SVG in Figma?

Last updated on April 18, 2023 @ 10:05 am

Yes, you can edit SVG in Figma! Here’s how:

SVG, or Scalable Vector Graphics, is a vector image format that can be edited in vector editing software like Figma. Vector images are made up of paths, rather than pixels, which means they can be scaled up or down without losing quality. This makes them ideal for use on the web, where different screen sizes and resolutions are common.

PRO TIP: SVG editing in Figma is currently in beta and is subject to change. We do not recommend using SVG files from unknown sources as they may contain malicious code.

To edit an SVG in Figma, simply open the file in the software. To do this, go to the File menu and select the “Place image” option.

NOTE: You need to create a new design file first before you can import an SVG file in Figma. The “Import file” button in Figma’s dashboard will not let you import an SVG file.

From there, select the SVG file from your computer files, then click on the “Place all” button, or simply click and drag your cursor on the design file canvas in Figma.

Your SVG file should now be available in your canvas.

You’ll then be able to select and edit individual paths, as well as change the fill color, stroke color, and other properties.

Once you’re happy with your changes, you can export the file as an SVG or other format.

So if you need to edit an SVG file, Figma is a great option!

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.