Skip to main content

Z-index property that is independent from Auto Layout

  • August 19, 2021
  • 54 replies
  • 11107 views

Show first post

54 replies

Ties
  • Active Member
  • July 9, 2025

Hey @Slava_Bronevitskiy thanks for sharing this feedback. It’s definitely something the team is aware of and thinking through.

@Josh But when though? Now it is limited to child items in a auto-layout...


Jordi Vives Milià

November 2025 still having issues with z index management.

In the example I attach below, I’ve set the stacking as first on top because I need the gradient on the background to be under the carrousel. I need it to be under the faqs box too. However, as the faqs box is positioned after the text with the gradient background it stays below.

Perhaps I could set them both in a new auto layout, then change the stacking order for them both on that new AL. That way I could keep the page AL as first on top. However, it would be much easier to have a z index input for each AL child.

 

Sorry for the blurriness on the content, I hope it’s understandable.

 


Dan Reeves
  • New Member
  • December 11, 2025

There are lots of other ways Figma could enable this. “Always on top” or “treat as overlay” or even allowing components to hold onto overlay interactions in prototyping. It’s frustratingly difficult to do something as basic as build a menu that reliably opens in instances.


Elijah Shah
  • New Member
  • June 19, 2026

I think it is genuinely insane that this has not been implemented. It’s completely messing up my attempts to make sticky elements because for whatever reason, the autolayout overrides the “always on top” behaviour of sticky elements and everything scrolls in front of it! What is even the point, then?

The team was “thinking this through” 4 years ago, did they somehow come to the conclusion that this is unnecessary despite this being crucial for accurate prototypes? I cannot rely on hacks forever.