Mastering Autolayout in Figma! Extended Video

Learn how to master Autolayout in Figma with this extended video!

00:00 - Intro
01:43 - How to create an autolayout
04:28 - Autolayout Direction
05:23 - Spacing Between Items
06:48 - Packed vs Space Between
11:08 - Padding and Alignment
13:34 - Fill Container, Hug Contents, Fixed
18:21 - Real Example of Using Autolayout
23:50 - Mind-Blowing Blunder Figma Designers Make (Avoid it all costs!!!) .

.
👉 Follow me on LinkedIn and Twitter for more content.
Subscribe to my newsletter to keep up to date on latest design/tech trends, update, tools and information! 🔥

[nayyarali]

I have checked almost a dozen of videos to understand how to create responsive layout with auto layout but unfortunately all of the time missed some clues. But really amazing dear you are doing fabulous job. Will let you know if I have some difficulties to create such complex layouts. thank

[AkshayPatel-xozf]

Finally 😍😍 great video bro, as always 🔥🔥 been waiting for this from last monday 😅 Really in depth and informative video bro 🤙🏼🤙🏼 thank you 🖤 Just amazing 😍

[AbdulBasit-lcwn]

Make an updated video on it please with practical example

[rickboyer]

Seeing your layer structure and section naming; similar to a web design... really helped it click for me! Thank you! Showing more applied use cases would be great!

[iram]

it really helped! The way you explain things is amazing 👍

[AMDesignAndDev]

Here's my official Figma paid course which you can check out on:
Use AMSUBSCRIBER voucher to get a 50% off. I can’t wait to see you all inside.

[oliverthiebes]

Really good explained, Thanks for your content. It helps a lot. Greetings from Germany.

[rafatmk]

i saw many videos on Auto layout but you explained it very well with simple exercises

[stephencarroll]

have you got a video on how u made that mobile autolayout page ?

[zeprincelini]

Amazing video, thank you so much for this.

[Yolu]

Great tutorial. I learned a lot. Thanks for taking the time to share your knowledge.

[yusefess]

If possible, make one or two videos on popular dribbble techniques.
For example, you can show some of the popular designs on this site and briefly show how the interesting parts of the design are made.

[calvinogood]

24:20, that drives me crazy when see designers were using group instead of frame.

[balajipadmanaban]

Very well explained. Sir - do you take a 1-1 figma course? I really love to learn from the expert.

[usafkathrada]

what is the easiest way to make a shopping cart with approx 100 items which could be changed on a weekly basis

[stephencarroll]

rather than this it would be nice to see you design a webpage using autolayout