In this Figma tutorial, you’ll learn how to create and use auto layout. From creating frames with auto layout, adjusting maximum and minimum widths, hug or fixed contents and also ignore auto layout, I tried to create a detailed tutorial on this topic.
Working file → https://bit.ly/3EvN9mt
Chapters
00:00 – Intro & what to expect
01:12 – Apply Auto Layout
04:40 – Ignore Auto Layout
06:16 – Gaps
07:46 – Paddings
09:07 - Allignments
09:43 - Layout Dimensions
16:52 - Final thoughts
▶️ Watch the previous episode:
Grids and Layouts in Figma → https://bit.ly/4cLpPOu
📚 Start the full series from the beginning:
Figma for Beginners – 2025 Playlist →
https://youtu.be/uaO6YY0T1mg?si=jYsIrf1Fd1OnIn4b
---
🧠 What’s next:
Next episode: Create Components
💬 Drop your questions in the comments — let’s grow together!
---
Affiliate links of Apps I really use and trust
👉 Mobbin to get inspiration from website and apps that are really usable
https://mobbin.com/?referrer_workspace_id=a540c6fc-26d1-4fe2-8133-02b78e7d91fa
Get in touch
👉 Free weekly newsletter https://bit.ly/3S3Z2TG
👉 Instagram https://www.instagram.com/ricardocostaeu
👉 Linkedin https://www.linkedin.com/in/ricardocostaeu
👉 Threads: https://www.threads.net/@ricardocostaeu
👉 Medium https://medium.com/@ricardocostaeu
#autolayout #figmaautolayout #autolayoutfigma