Skip to main content
Question

How to code the new squiggly strokes?

  • May 8, 2025
  • 2 replies
  • 294 views

Inbound Team

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. 

 

 

2 replies

y_toku
Figmate
  • Community Support
  • 2544 replies
  • May 22, 2025

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


Inbound Team
  • Author
  • New Member
  • 1 reply
  • May 22, 2025

@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.