Skip to main content
GrandPM
New Member
June 8, 2023

Change default canvas stacking in auto layout

  • June 8, 2023
  • 70 replies
  • 7012 views

I am using auto layout a lot in my projects and think it is awesome. However, there is one small issue that annoys me a lot. The default setting for canvas stacking is always “Last on top”, which is usually not what I want. For instance when switching state of a dropdown in a layout, the dropdown list will appear below the content that is underneath it (at least in my case where the list is using absolute position). With lots of nested auto layouts, things quickly become a mess if you forgot to change this when you created the auto layout. I would suggest either of these solutions:

  • Change default to “First on top”.
  • Make the default setting optional
  • Remember the last used setting (like the animation properties work)

70 replies

Julia57
Active Member
April 19, 2024

I think the real issue is not so much whether it’s intuitive, because we can always learn and get used to it. What I think the REAL problem is, is that the ‘last on top’ logic is not consistently applied within Figma itself. When i remove or add autolayout from a frame, the logic flips. Without AL, it’s always ‘first on top’. This is highly annoying and confusing, especially if you’re fiddling with a component and adding/removing AL to the same frame when iterating.

April 29, 2024

Any Updates on this?

Alvin
May 1, 2024

big up. make it work the obvious and natural way.

Mary_Hayes
May 1, 2024

+1 for this 👍

Silva_Flavio
May 24, 2024

+1, would be a game changer for me 😀

June 10, 2024

+1 for this! 💪 Hope this will be implemented soon… 🙏

Winfrid_Jonathan1
June 21, 2024

I second this. Really need this so bad when creating large app

Ignat_Remizov
New Member
August 1, 2024

+1 for this!!! Very useful for designer, but not so useful for developer. Should also add z-index customization : )

ROB002
New Participant
August 1, 2024

+1000. I can’t for the life of me understand why reverse order is default.

vasil.tashkov
New Member
August 15, 2024

Please update that … it bothers me a lot and when I use the option Fixed place for a component with semi-transparent bg I cannot use Furst on top, since the background get solid