Cleaner SVG exportJuly 20, 2017 at 6:33pm (Edited 2 years ago)
As an animator and developer, you want your SVG output as clean as possible. It would be nice if Figma could do it a bit more like Illustrator.
This is a quick comparison of the two. I will make an document with a rectangle 800x600 and draw a circle 200x200 in the middle.
The Illustrator output looks like this:
Figma output looks like this:
As you can see the Figma output adds allot more unnecessary code in my opinion. Which makes it allot harder to read and unusable for web animations. I hope you will add this feature.
July 20, 2017 at 6:40pm
August 30, 2017 at 7:43pm
September 1, 2017 at 5:28am
October 17, 2017 at 4:36pm
An option to keep strokes in SVG exports would be great, so we can play with thickness or use vector-effect="non-scaling-stroke". I often design icons for web sites or apps, and have to draw/export them in Sketch (the horror). This is basically the only reason I still use Sketch. By the way, Sketch has a nice feature to keep strokes even if their position is "inside" or "outside".
October 25, 2017 at 7:21pm
Improved SVG support would be great. I am running into some wonky stuff right now. Like the background of the underlying frame being added to the SVG instead of a transparent background, and also shapes which are strokes being exported as solid fills. Having to do clean up in Illustrator right now :(
October 27, 2017 at 3:31am
December 13, 2017 at 1:23pm
December 15, 2017 at 6:10pm
Hi folks! We're getting ready to beta test some SVG export improvements. If you're interested in participating, please DM me here on Spectrum, or on twitter at https://twitter.com/skuwamoto . Thanks!
December 16, 2017 at 3:34am
February 1, 2018 at 11:38am
February 12, 2018 at 5:10pm
February 13, 2018 at 9:06am
The new Figma SVG export that Sho recruited some beta testers for is a HUGE improvement over the current SVG export. If you look at the image above that I posted, you can see the difference. Hopefully it makes it way into a future release once their testing concludes. The resulting files are much cleaner (and smaller).
February 14, 2018 at 12:41am
February 14, 2018 at 11:13am
Hey guys. Can anyone see my other thread problem here if this is about the messy code export of Figma or is it just about my incompetency on exporting SVGs?