Figma has just released a new feature that I think we – UX/UI designers – will love it.
It will save us tons of time and remain the consistency in our design. In fact, the idea of this feature is not really new but Figma made it extremely perfect this time. That is AUTO LAYOUT. I am going to show you what it is and how amazing it is below.
First of all, you can add auto layout to any frame, so if you have a frame selected, at the panel on the right, you will see Auto Layout feature.
Button
If you add Auto Layout to a button, it works magically. You may had trouble with buttons when you need to change the lable, if the lable is longer than the button background, then you have to adjust the background length manually. Now it has all gone. Whenever you change the lable, the button will change accordingly. See the video here to know how it works.
Button with icon
I believe that a button with icon is even harder to control than a text button. How I can change any icons or change the lable but no need to change the button length. The Auto Layout will help you change the button length automatically to accommodate its items.
List
Auto Layout also works flawlessly with list. It allows you to create lists of things. You can reorder, duplicate, delete … items freely.
Please follow this link the dive deeper into Auto Layout. When we work as a UX/UI designer, this beautiful feature will be definitely useful.
https://www.figma.com/file/sKt5csZYU6YMhsrB3mqECP/Figma-Auto-Layout-playground?node-id=0%3A1
