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.

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
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:
Flattening the object: https://help.figma.com/hc/en-us/articles/30101373312279-Flatten-layers
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
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.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.