Skip to main content
example image, ill apply the technique to a private design
​​​​

im pretty new to figma and graphic design in general so, i wanted to know what kind of solution can make what i want with this, i want the black outline of the circle to “mask out” the square there, for solid backgrounds i just made it the same color but for gradients like this well, it looks like an out of place ring

i experimented with masks but got nowhere, i know its basic but its getting frustrating, applying the same gradient to the outline in a seperate layer feels like patching it with some tape i want a more sophisticated solution if possible

​@Chica There are likely multiple ways you could do this, but here is one approach using “outline stroke” and “subtract selection” (see below example).
 

 

​@Chica There are likely multiple ways you could do this, but here is one approach using “outline stroke” and “subtract selection” (see below example).
 

 

thank you so much! i found a solution with substract but it was messy and couldnt get shapes to have their own color so this is alot better

Terms & ConditionsCookie settings