Skip to main content
Solved

Offset path to create "radiating" outlined shapes?


DNLBTLR

In illustrator, I believe there’s an effect called “offset path” that will give this result.

Is there anyway to do this in Figma?

Best answer by Ian_Sampaio

And another method using Difference and Luminance mask. This is by far the simplest but your object will carry a masked fill (you can lock your layers to avoid messing with it)

View original
This topic has been closed for replies.

Ian_Sampaio

To my knowledge Figma doesn’t offer layered paths and I’m afraid it will never do since it usually follows what is possible to through CSS. But here is a workaround: create a symbol with the desired path and a stroke (I added both black and white to easily alternate between the two). The effect is achieved by each instance below the main symbol getting a thicker stroke and alternate between black and white:

Figma


Ian_Sampaio

I’ve added a second approach which uses Merge. It’s a lot simpler and allows transparency but also buggier (you can try and get rid of the bugs messing with the outer stroke’s Miter angle)


Ian_Sampaio

And another method using Difference and Luminance mask. This is by far the simplest but your object will carry a masked fill (you can lock your layers to avoid messing with it)


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