Skip to main content

Hi Figma Community!


I am currently experiencing an issue where my components created in Figma do not export as svg’s correctly. When I export svg and png versions, my svg exports are missing many elements from the original design and many elements become broken. When exporting that same group as a png, it exports perfectly.


Has anybody else come across the problem?


I have tried creating designs on my corporate account, as well as personal accounts and the issue occurs for all accounts. There are many errors in my console, but I can’t find a resolution.


Screen Shot 2021-05-03 at 10.40.42 AM

This is a really frustrating issue. The company I work with use Figma for most of our design work and most of the time it works really smoothly and is a great tool…however whenever I need to export SVGs it ALWAYS let’s me down. I’ve returned to this thread multiple times over the last year expecting it to have been resolved, but I can see this has been an issue since 2021 and is still ongoing. I don’t want to have to rebuild my designs in illustrator every time I need a working SVG. I don’t want workarounds to strokes or masks, there is often very little time to rebuild assets for this. With this many people reporting the same issues, surely there must be a way to fix it? We don’t have time to upload our working files and give a detailed bug report every time the same thing happens!

I agree with you. I’m experiencing the same issue currently. Don’t have time to recreate the assets in illustrator.

+1 Need a solution as a Creative Director managing a team of visual designers, do NOT want the Illustrator/Figma workarounds… Not at all feasible.

Thank you. Can’t imagine the rabbit-hole I would’ve went in if it weren’t for this.

Impressive to see that nothing has been done since (at least) 2021 regarding SVG exports.

It’s quite annoying and distrubing productivity not be able to export a single SVG shape without wrong dimensions / width / height, still to this date.


Being forced to replace every vector manually in Illustrator to fit the expected 2px border width that became 3.5px for no reason after export is really some BIG waste of time.

Community would love some attention here @Josh

Unchecking the option “Simplify stroke” at the export fixed the problem for me.

I am new Figma user so I am still not sure if it will work on all of the cases. But I had a problem that my stroke + effects were not exported throught svg file. I solved it by doing a selection on all the figure (The Icon I wanted to export to svg file) and than exported it in svg file.

When I export an svg from Figma, all the names of the layers are missing. Help

Like other above - Still having issues with quality, accuracy and code export of icon to SVG!

Hi all,


We hear you frustration and our apology for the longstanding issue. If you continue to see exporting SVG issues, as SVG Export Issue - #16 by Gleb, could you reach out directly to the support team with;



  1. Screenshots

  2. Exported SVGs

  3. Original Figma file links, and

  4. Info on where and how you are viewing the SVGs


Please make sure you use the email associated with your Figma account, include links to the file in question, and share access with support-share@figma.com. Don’t worry, inviting us to view your file won’t impact your billing.


Thanks for your patience.


Thanks,

Toku

Same here. Adjusting the stroke to center fixed the export issue. Thank you!

Thank you!

Exactly. It still seems like an issue as I write this. Outlines are a problem—and centred strokes at that. But even when outlining the strokes, you can have problems. Centre, then outline and check for crossed sections, which seems the only way around this.

Terms & ConditionsCookie settings