Quick video showing real-life usage of Auto Layout in a few beautiful mockups.
Figma’s Director of Product wrote a detailed explanation of why layers are ordered backward inside an Auto Layout frame. This thread is a good illustration of how many factors have to be considered even for a seemingly simple design choice.
A lot of people have been asking why the items in an Auto Layout frame go backwards in @figmadesign.
— Sho Kuwamoto (@skuwamoto) December 10, 2019
I usually hesitate to answer seemingly simple questions that end up requiring super long answers, but... here we go!
1/n
An interesting observation that what we need next is states, styles groups, and variables. Yes, please!
Auto Layout can be used for so much more than just buttons and lists. This post shows how useful it is for working with copy and images.
Not sure if this post should be called “quick tips” as it mostly surfaces unresolved problems, but it’s an interesting look at the limitations of the current implementation.
An in-depth tutorial covering 3 common use cases for Auto Layout — button with an icon, content card, and a chat log screen.
It’s finally here! 🙌 The biggest news of the last week is a long-awaited release of Auto Layout. When adding it to a frame, the items inside are stacked next to each other vertically or horizontally. The frame’s size is then determined by the total size of the items within it. This is a game-changer for working with components. Make sure to also check out a video tutorial.
While we are waiting for a real auto-layout to ship, this plugin dynamically lays out layers in frames and updates the layout when the dimensions of child layers change. Demo video in the author’s Twitter.