Skip to main content

Hi

We have an issue where the stroke width on a button is controlled by a variable. That variable is called “none” which is linked to a value of 0. This means that the stroke is there but not visible (required by our developers).

Stroke variable “none”


That button component is used inside other components. What happens is that here the stroke is suddenly visible:

Stoke around buttons that should not be there

 

When looking at the nested instances of the button component inside the other component, the stroke now has a width of 1 even though “none” is still selected?
 

Variable changed to 1

I can delete the stroke from the main component and then everything looks fine. The issue is that our developers require it to be inside the design.

 

Any idea what is going on here?

 

Thanks

Hi there,

 

Thanks for sharing! It looks strange. So, would you be able to share the file link with access to support-share@figma.com? It won't affect your billing. I hope I can investigate it further. 

 

I tried to replicate this issue on my end, but I couldn’t. 

 

If you prefer direct support from our team, feel free to submit a bug report detailing the steps that led to this issue? You can do so by following the link: https://help.figma.com/hc/en-us/articles/360041468234-Submit-a-bug-report!

 

Thanks,
Toku


Hi. I have sent an invite to both our files. For now just with view rights. Do you need edit rights?

Maybe it is how our design system is structured. Our design system is structured this way:

One project file is containing all primitives and alias variables that are linked to the primitives.
 

 

Our primitives file containing variables with all primitives and alias’ that links to the primitives
 

 

We then have our design system that has variables that link to the alias variables through the library:
 

Our designsystem file

 


Reply