Skip to main content

I have a frame full of component tabs set in an auto layout. The tabs are stroked and the gap between is set at -1 to avoid double line thickness between them. The default tabs have a grey stroke whereas the active tab has a blue stroke. Canvas stacking is set to ‘last on top’ which works great when the first tab is active. When the second tab is active, it’s left blue stroke is hidden by the first tab’s grey right stroke. I get the same result (but mirrored) by swapping canvas stacking over to ‘first on top’. If I bring the second tab to the front, due to the auto layout, it moves physical position to the first in the main frame. How do I keep it’s position in the auto layout but also move it to the front?

Example of tabs

 

Is there an obvious answer to this? The lack of responses suggests either I’m missing something or nobody else knows… I wish I knew which.


Hi, Ian.

 

That’s not possible yet in Figma since we cant control the z-index of each layers or components.

I could show you a trick though to somehow replicate that behavior since somehow your design satisfy this criteria:

  1. Light Gray color border
  2. White background

 


Nice! Thank you ​@Raphael_M That solves my problem perfectly! 😊


Reply