Skip to main content

Figma Site: Gradient for stroke not supported

  • May 9, 2025
  • 3 replies
  • 159 views

Admin16

Hi Figma Team,

I encountered an issue while working on my design. I applied a gradient to the stroke of an element, which rendered perfectly in Figma. However, when I tried to publish the design to a live site, I received an error stating that "gradient stroke is not possible."

This was quite surprising, as applying gradients to strokes is a fairly basic and common design requirement. It enhances visual richness and is supported in many modern design tools.

Could you please help me understand why Figma doesn't support exporting gradient strokes, Is there a workaround or any upcoming update planned to support this functionality?

Looking forward to your clarification.

3 replies

Admin16
  • Author
  • New Participant
  • May 12, 2025

@Figma_Support 


Headcuisine
  • New Member
  • May 20, 2025

Same here, also gradient alpha mask is not working while preview in Figma site.


djv
Figmate
  • Community Support
  • June 2, 2025

Hi ​@Admin16, thanks for your patience! 

Gradients in strokes are not native CSS properties, so this would have required a complicated deep dive for our Sites team to build out. There isn’t a workaround for this yet, but it is on the team’s radar for the future.