The Ultimate Guide to Figma's Auto Layout: Design and Construct UI Components like a Pro in Figma!

🚀 Get 2 free months on Skillshare Premium & watch my Course for free:

In this tutorial, I will show you how to use Auto Layout in Figma to design and create UI components the right way, like a Pro in Figma. We will extensively be using Auto Layout in this tutorial. So by the end of this video, you will be a master at Auto Layout.

🚀 Create an account on Mobbin for free:

00:00:00 How to follow this Tutorial
00:01:24 Navigation Bar
00:10:58 Button
00:16:11 Slider
00:22:57 List Items (Super Important)
00:31:23 Modal Sheets
00:40:05 Dealing with Text in List Items
00:45:10 Exception to List Items
00:47:00 Tabs (Segmented Controls)
00:55:40 Input Fields
00:58:47 Anatomy of a Card
01:01:13 Dropdowns
01:03:45 2 Shortcuts for Auto Layout
---------------------------------------­----
UI/UX Design Tutorials:

Webflow Course for Beginners:

Photoshop Tutorials:

Illustrator Tutorials:

After Effects Tutorials:

UI Design Tutorials:

Design Resources, Tools and Softwares:

Adobe XD CC Tutorials:

eSports Design Tutorials:
--------------------------------------------------------------------------------------------
Contact me :
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#autolayout #designsystems #uiuxdesign

[gowthampadmashali]

watched this---practiced---replicated 10+screens--loved creating screens--replicated 20more screens--taught 2 of my friends how autolayout works!!! thank you so much chethan for this indepth tutorial

[praveenpsg]

Fun fact: These videos are better than an official Figma tutorials.

[shrutipatil]

Now here I want to take my time & appreciate how this person has taught us Auto layout in most detailed manner & as he promised at the beginning of the video that you will master auto layout if you watch this video till the end. Man! He kept his promise true. how should I thank you enough Chethan! I tried learning it from many you tube videos but no one has taught this in such practical way. Because of you I have understood not only auto layout but many concepts in most fundamental & practical way. Really Thank you. We appreciate your time and patience.❤

[dreamcats]

As someone who just by chance got a new role as a ui designer, this video helps me so much! Thank you!!!!

[RahmanNova]

this channel needs to hit 1 million subscribers. How fantastic is He! What a deep-dive.

[chetanrajput]

❤Today, I realized many gaps in my understanding of auto layout. Despite this, I managed to connect all the dots. I really appreciate your content.

[ganesanvartha]

Just not ready to believe that this content is phenomenal video. My auto layout concept is so clear now

[mihirsalot-vdsk]

I cannot emphasis enough how great the explanation of logic was in this video! Thanks man

[yashrajpatil]

Master autolayout is crucial, i never opened webflow before. And now when i have the knowledge of autolayout webflow becomes so relatable.
Autolayout is an underrated feature, but only few understand the power of it.

[prathameshagrawal]

There much value you are providing in this series I am completing and following all the episodes. Really grateful for making this valuable content.

[tayyabsohail]

I see many video on auto layout but you educate well you teach us each edge case that is your beauty sir 🥰🥰

[pawanbisht]

This series is going to be super awesome.. 😊

[altamashkhan]

Thank you Thank you so much chethan for this video auto layout was always been a enemy for me but now you make us understand how industry people use auto layout thank you for guidance.

[ShelbyParton]

Okay, going through all of these now ---- you are my hero.

[joshuaadeleyejoad]

This is very, very insightful and helpful. Thank you Chethan.

[muktiray]

Best tutorial on youtube for autolayout

[haneefahmed]

did you create Figma??? so good, thanks much!!!!

[priyankbusa]

You are great man ! You have changed my design working system to different approach. After showing your videos i am only doing lots effort to solve different scenario of creating auto layout. Thanks for such valuable content.

[MeetRayka]

I get to learn something new every time I watch your videos. Thanks for making it simple!

[kishorekumarseenivasan]

kudos to one of the best auto layout tutorials, well explained with examples, Your content is pure gold Chetan bro! I hope you get a million subscribers soon :)