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

Andrea_Lau
August 21, 2024

Completely agree –– this is particularly problematic for interactions where there’s a hover box or dropbox.

Perry_Griffith
September 3, 2024

Requesting that this be implemented as well. For designers working with advanced prototypes, “first on top” is essential for properly displaying and interacting with dropdown menus.

LaitEau
New Participant
September 7, 2024

One year and still nothing…

manohar
September 17, 2024

+1, needed this badly. Super annoying keep going every time to change .

David159
October 23, 2024

Who decided to put last on top ? What is the logic of it ?

Allie_Goodson
New Participant
October 24, 2024

If you INSIST on having last on top as a default, please let us change it for a project.

Lindsey_Drennan
New Participant
November 8, 2024

Yep if you are doing autolayout website page layouts it’s so annoying. I have to change to first on top everytime if I want the nav to be sticky.

Bing_Tay
New Member
November 18, 2024

Will be great to have an option for default canvas stacking order for Auto Layout for each Design File.

We provide a lot of tooltips in our products.
And use Auto Layout in a lot of places.

One of the most common questions I get from my team is:
“How do I get [this expanded thingy] to show on top of [that other item visually below it]?”

With default Canvas stacking order as “Last on top” - every single time we apply Auto Layout, we’d need to remember to double-check stacking or, or manually update for every single Auto Layout.

As a design creation tool, I believe there is no single absolute right or wrong logic.

What can be good is the flexibility for users to customize the options that work for them.

A default option applied to each design file will help tremendously.

Simon_Taig
New Member
November 19, 2024

Defaulting to last on top contradicts the entire directive of the left-hand layers panel ordering - layers are listed from top to bottom reflecting their ordering on your canvas - from top to bottom.

Last on top (bottom to top sorting) is unintuitive, though more importantly, becomes very time consuming to modify every.single.time you require auto layout.

Please Figma team, let’s default to use the same ordering philosophy as the left hand layers panel.

Luke_Connolly1
New Member
December 10, 2024

+1 (or +1000) for this. I echo that I have not come across a single instance where I would prefer to have the last on top. Especially with absolutely positioned items, it’s nice to see them at the “top” of the parent element, so you can see what’s out of flow.

I try to remember to set it every time I apply auto-layout as a first step, but it does get very repetitive.