This is especially frustrating because Auto Layout is the first time that (x, y) ordering in canvas space is tied to layer order in the layers panel. And that order is the reverse of what everyone wants. 9/n
-
Show this thread
-
There are lots of ways we could "fix" this, with various tradeoffs. 1) For Auto Layout frames, we could display the layers in reverse order, which would "fix" the problem visually. But the cost would be that the order of children in the JS API wouldn't match. 10/n
1 reply 0 retweets 16 likesShow this thread -
2) We could make it so that Auto Layout frames lay out their last child at the first position (left, top) and then work backwards through their children. This (a) makes plugin authoring weird, and (b) introduces lots of internal headaches in our code. 11/n
1 reply 0 retweets 15 likesShow this thread -
I'm sure there are other ways to "fix" it for children of Auto Layout frames, but I think they all have weird compromises. And even then... things are still weird for the non-Auto Layout case of people who want to use Figma to create slides. 12/n
1 reply 0 retweets 14 likesShow this thread -
So my favorite solution (just personal opinion... we haven't agreed to this yet as a team) is to introduce a new concept, which is that maybe we should reconsider the traditional ordering of items in the layers panel. 13/n
5 replies 1 retweet 45 likesShow this thread -
It seems crazy that something higher in z-order would be lower in the layers panel, but what if we reconceptualized what this panel is? What if we called the two orders * Traditional ordering * DOM ordering 14/n
3 replies 0 retweets 34 likesShow this thread -
Traditional ordering is what is used by traditional design tools. Highest z-index goes on top. DOM ordering is what is used by browser tools. The first child of an element (which is usually the lowest z-index) is displayed first. 15/n
4 replies 0 retweets 26 likesShow this thread -
If you chose to see the layers panel in DOM order, then duplicating "item 4" would create an "item 5" which was below the original item in the layers panel (and above the item in z-order on the canvas). This would fix both Auto Layout and non-Auto Layout cases. 16/n
2 replies 0 retweets 22 likesShow this thread -
But because this is such a big change from traditional design tooling, it would have to be a preference. And we all know that introducing new preferences comes at a cost. Which is just one of the reasons we haven't added this (yet). 17/n
2 replies 0 retweets 21 likesShow this thread -
P.S. It is entirely possible that Marcin or someone will think of a brilliant solution I haven't thought of yet. :-) 18/18
10 replies 1 retweet 49 likesShow this thread
The layer pane goes SIDEWAYS.
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.