Skip to main content

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

Be the first to reply!

Reply