Auto layout tutorial for beginners (2024)
UX Tshili UX Tshili
5.43K subscribers
3,000 views
0

 Published On Premiered Jul 18, 2023

Use Figma Auto layout to help you design faster and more efficiently. I break down in simple terms what Auto Layout is and how it can help you save time when designing. I also explain how to fix Auto Layout issues that may occur when designing.

00:00 Intro
01:15 Auto Layout Example
02:14 Basics
03:00 Wrap (New Feature)
03:18 Padding / Dynamic button
04:00 Align
04:25 Advanced settings
04:50 Text baseline
05:33 Hug & Fixed width/ Height
05:58 Text - grow and shrink
06:28 Fix Auto Layout issues
06:53 Absolute Position
07:20 Design
09:12 Responsive design

📺 Watch next:
- Responsive Web Design Grid:    • Master Responsive Design (8 point gri...  
- Figma componenets & Variables:    • Figma Components, Variants & Properti...  

📘 UX Books:
- Dont make me think: https://amzn.to/3VBi4Bj
- The design of everyday things: https://amzn.to/3BdWMS


Mailing list: https://mailchi.mp/ca51b817ab2a/ol6ec...
Instagram:   / uxtshili  
Twitter:   / uxtshili  
Tiktok:   / uxtshili  


💬 HAVE QUESTIONS about UX/UI, tech or Figma? Add it in the comments and I will be happy to answer. You can also let me know what topics you would like me to create videos on

Some of the above are affiliate links, at no extra cost to you.

show more

Share/Embed