Skip to main content
Ian_Higgins
New Member
Mar 11, 2025 3:49 PM UTC
Solved

How to bring an element to the front but retain its position in autolayout

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?

This topic has been closed for replies.
Raphael_M
Raphael_MSolution
Power Member
Mar 14, 2025 4:31 AM UTC

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

 

3 replies

Ian_Higgins
New Member
Mar 13, 2025 10:39 AM UTC
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.

Raphael_M
Raphael_MSolution
Power Member
Mar 14, 2025 4:31 AM UTC

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

 

Ian_Higgins
New Member
Mar 14, 2025 10:02 AM UTC

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