Skip to main content

Figma May 2025 update introduced squiggly strokes. This is great for designers, but how are developers expected to create them on the web? The Dev Mode code output just has a standard border stroke. 

 

 

Hi ​@Inbound Team 

 

Thanks for bringing this issue to our attention, and I apologize for the delayed response.


After testing on my end, I've confirmed that SVG export doesn't properly handle texture/noise when rectangles or triangles have dynamic/brush strokes applied. I've filed an internal report about this issue. In the meantime, I found a few potential workarounds:

  1. Flattening the object: https://help.figma.com/hc/en-us/articles/30101373312279-Flatten-layers

  2. Adding Texture (with 0 for both radius and size)

 


Would any of these solutions work for your specific use case at the moment? Let me know if you need any clarification on implementing these workarounds. I know this is not an ideal, so I’ll let you know once I have any update from our side. 

 

Thanks for your patience.

Toku


@y_toku 

 

Thanks for your reply and taking the time to make a report and workaround!

 

Honestly I had no idea SVG export was broken. I was actually calling out the fact that Figma team had created the squiggly stroke feature despite it not being something you can create with CSS. There is no browser support for squiggly lines. Which means if a designer creates something, there’s no way to make it responsive and needs a hard-coded layout.

 

Not the end of the world, but it’s not ideal when Figma Design adds features that don’t translate to Dev Mode well.


Reply