Skip to main content
Question

Figma dashed stroke export bug


Kai7

Henlo Figma ppl! 👋

I’m trying to export a component as SVG, all fine and dandy except when I export it, the dashed strokes don’t appear to be the same as the ones in the design.
In Figma, I have this simple box component, exported to SVG, and it looks off, here’s a comparison:

Which has dashed lines off, Is this a bug? Anyway for me to fix this?

Thank you, and have a nice day! ヾ( ̄▽ ̄) Bye~Bye~

10 replies

aboyswagger

Same issue here. Did you find a fix?


Kai7
  • Author
  • 2 replies
  • September 24, 2023

I ended up contacting support, and unfortunately ended up losing patience as they kept switching topics, asking me for details I have already provided and genuinely felt like they were avoiding the question. Like— They told me “The gradient functions as expected” when I have never even asked or brought up gradients. So I gave up T^T


aboyswagger

Thanks for getting back to me. I’m gonna try to reach out to their support team. Maybe they will help, if not I guess I’m just gonna have to find something else to use like Adobe Illustrator.


Kai7
  • Author
  • 2 replies
  • September 24, 2023

Good luck! I hope your experience goes better than how mine was. I’d be beyond grateful if you could get back to me with a fix if you end up finding one!


aboyswagger

Of course! I’ll let you know if they give me a solution.


aboyswagger

They have not responded to me yet, but after some experimentation I figured out a solution. I exported it as a PDF instead of an SVG.

Then, I used a PDF to SVG converter (PDF to SVG | CloudConvert).

Hope this helps!


  • 1 reply
  • November 9, 2023

This worked perfectly for me! Thanks for mentioning this workaround 🙌


Important note: with this method outlines are converted into vector objects. However, this is not my desired result and it’s also possible in Figma via “Object > Outline Stroke”.


aboyswagger

Thank you! This worked perfectly! Why does this fix it?


9136
  • New Participant
  • 8 replies
  • October 16, 2024

The bug is still getting in the way. I have not yet found a way to solve the issue to get an SVG with a dashed stroke without accidental changes when saving. The “Outline stroke” one doesn’t suit me.

In fact, you need to redraw each stroke with a separate line to make it work.

It is necessary that either the SVG is preserved in its intended shape, or that it is possible to convert a dashed stroke into a solid one, while maintaining the appearance.

Screenshot 2024-10-16 at 12.37.00


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings