In Figma the vectors are clean and nice. But when exporting it is a mess. Is there a fix for this through a third party like SVGOMG or is it happening due to multiple stroke alignments? In this example the top square is center stroke while the bottom paths har inside stroke.
#SVG export using multiple stroke alignments
5 messages · Page 1 of 1 (latest)
Yea SVG export from Figma can be a bit odd at times. If you don't need to keep your strokes editable, I'd recommend combining your vectors into a boolean union and exporting that instead.
It also happens to vector networks. It seems to disconnect upon export. Also, how will color overrides react if using boolean? Ideally I'd like to have strokes applied to all icons
Tried combining into boolean union just now. While it kind of works it turns everything into shapes with fill upon export.
That's how I do it, mostly because I don't want people futzing with my icon strokes after they're exported 😅 AFAIK a mixed-stroke approach won't work from Figma.