Hi everyone!
I've been running into a recurring issue when exporting SVG assets from Figma.
Everything looks perfect inside Figma, but when I export as SVG and use it on a website, the design sometimes breaks — fonts don’t render correctly, alignment shifts, and sometimes fills or strokes are missing entirely.
I’ve tried:
-
Flattening layers before export
-
Converting text to outlines
-
Exporting with and without "Include ID attributes"
-
Comparing in different browsers (Chrome, Firefox, Safari)
Still seeing issues!
Is this just how SVGs work or am I missing something in the Figma export process?
Would love to hear your tips, settings, or best practices when exporting clean and browser-safe SVGs from Figma