Learn Figma Auto Layout in 30 Minutes | FREE COURSE
Рет қаралды 52,828
Күн бұрын► Download unlimited Figma templates with Envato Elements: elements.envato.com/graphic-t...
If you’re going to learn Figma for UI design, you need to learn Auto Layout-it will make your life as a designer ten times easier! Adi Purdila will teach you how to use Auto Layout during this course, in just 30 minutes.
00:00 Introduction
02:08 Getting started with Figma Auto Layout
08:32 Changing spacing and padding
17:46 Changing alignment
26:19 Working with different spacing modes
31:32 Resizing and auto layout
► Read more on Envato Tuts+: webdesign.tutsplus.com/learn-...
Discover more Figma features: • A to Z of Figma: Tips ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
► Subscribe to Envato Tuts+ on KZfaq: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
@muratkaradas1483 9 ай бұрын
Unlike some other videos out there that rush through topics, this one takes its time to explain things clearly. It's evident that he is focused on teaching rather than showing off! Truly refreshing and immensely helpful. Keep up the fantastic work!
@jimmaccormaic6689 6 ай бұрын
Perfect in every way. I’m a Figma newbie, rather struggling getting to grips with it. This series has proved a godsend. Excellent. Many thanks.
@kaleabblackboy3564 Жыл бұрын
Best teacher keep going bro🙏❤
@envatotuts Жыл бұрын
Thank you! 😃
@OrlandoDelgadilloLuna Жыл бұрын
The way you do this tutorials fits me incredible. Other KZfaqrs are loud and want to make everything fast, which is good for other people, but for me, yours is the way to go. Next I'll be watching your components tutorial.
@pankhudilanjewar4150 4 ай бұрын
Thank you, You explain auto-layout very well, taking your time to break it down clearly while others explain it too quickly, making it harder to follow.
@autumnbecomesher Жыл бұрын
Thanks for this incredibly helpful video! I'm going through another course (paid) and couldn't figure out what he was doing! You explain everything so well. Thanks again. This is gold.
@wherethereswilltheresaway3297 9 ай бұрын
🤯 This is a low key introduction to CSS, flex. Wish I would have found your tutorials and learned Figma at the beginning of the journey to Web dev. Your videos are extremely helpful for learning the UX/UI design planning, but also solidifying concepts from HTML and CSS. Thank You!
@creatoratplay Жыл бұрын
This was really helpful. Thank you!! I didn't know how to make each column of a table align with different content in its rows. 🙌
@user-zo8iy3fx8r Жыл бұрын
Adi, you have an exeptional skill of explaining a subject, I have watched more than 10 videos on this topic but found your video the most insightful and helpful! You are a real gem!
@envatotuts Жыл бұрын
Wow, thank you!
@caseycho8485 Жыл бұрын
I've clicked through many other auto layout tutorials, and this is the clearest, easiest to follow, and most practical examples!! Thank you! Subscribed!
@envatotuts Жыл бұрын
Wow, thanks!
@djeehan62 Жыл бұрын
Definitely a very instructive video, thanks !
@rajendrachandel Ай бұрын
i have seen many video related to autolayou but this one is better then others
@mohammedazmy7244 Жыл бұрын
one of the most instructors i love always to learn from it adi pordila thank you so much
@basudevmoharana8142 10 ай бұрын
Best thing is his calmness and attention to detail and soft and beautiful communication skill ❤
@lprado1979 Жыл бұрын
your tutorials are the best, very clear and simple
@pitchblacknight 5 ай бұрын
Your voice and delivery completely click with my brain. Thank you :)
@ayodelebamisaye1622 Жыл бұрын
The best explanation I’ve seen so far, Thanks for this. 👏🏽
@envatotuts Жыл бұрын
Glad it was helpful!
@jorgemora1175 Жыл бұрын
I think that relation between this new features and how works css make easy for both design and developers communications...
@jaredtrp Жыл бұрын
Thanks so much for this! I'll be honest, for some reason that I can't explain I was shy about "overusing" Auto Layout, and it was limiting my abilities and efficiency. Seeing you use it here without hesitation helped me see that the pros use it quite a bit. And thanks for dropping some serious shortcuts bombs in spacing and padding section. Fantastic!
@envatotuts Жыл бұрын
Your welcome.
@surendran5421 Жыл бұрын
Thanks for this video. It was very helpful for me to improve myself, and I must add that you have a lovely manner of teaching.
@Jdadoosey 6 ай бұрын
This is by far the best tutorial ive watched on auto layout
@teleportkontrola2006 Жыл бұрын
So clear and helpful, this is how tutorials should be done, thanks!
@envatotuts Жыл бұрын
You're welcome!
@moce727 Жыл бұрын
Just came after finishing the web design for begginers course and it cleared me out lots of wonders I was having!! thank you very much for this!
@envatotuts Жыл бұрын
Glad it was helpful!
@tetyanamalega2742 Жыл бұрын
great lessons and great teacher! many thanks)
@desig1rl 5 ай бұрын
best tutorial i learned while at the gym! so clearrrr
@philphilphil 10 ай бұрын
This guy is super pleasant to follow along to. Thank you Envato!
@user-fh8tj8rl2d Жыл бұрын
Thank you so much for this wonderful tutorial, it’s awesome and so helpful.
@nbulwinkel 10 ай бұрын
Thank you so much, I have been using auto kayout not really knowing its full capabilities 🤦 thanks again for explaining it in a very easy way, all the possible uses really clear things out ☺️
@aall1920 11 ай бұрын
your teaching is super patient, thanks a lot
@roygale5404 Жыл бұрын
Super helpful thank you. Auto layout has been this thing I know I've needed to learn for ages but watching videos on it wasn't enough to really get it and use it. I went through this following along step by step making my own elements like the ones you used and now I got it. 🙌
@envatotuts Жыл бұрын
Great to hear!
@OkonimaSolomon 7 ай бұрын
@@envatotutsyou’re the best thanks for helping me 😩🙌
@chukwukaigboaka4619 Жыл бұрын
This is the best tutorial I have seen on Auto layout
@yuusufahmad6734 6 ай бұрын
Yes, I found this video very useful. Thanks for taking your time to explain in details.
@juanlugofitness 9 ай бұрын
Adi, this was really useful and understandable. Thank you man.
@blueberrycreamsoda Жыл бұрын
Finally a perfect lesson, thank you so much!
@envatotuts Жыл бұрын
Glad you liked it!
@SunilBohara21460 4 ай бұрын
well explained. your method of teaching is very simple and easy to understand which every teacher or tutor should have.
@tanyameshram445 5 ай бұрын
Thank you for such an incredible video and for helping us newbies out there!
@guitarlikas Жыл бұрын
Beautifully explained. Thanks!
@envatotuts Жыл бұрын
Glad it was helpful!
@SisiraSomaratne 4 ай бұрын
You explain it very well! Learning this part is very important in Figma. A planned teacher.
@ernesto8273 Жыл бұрын
This is gold!
@Alsa971 10 ай бұрын
Best video explanation for Figma auto layout 👏 Thank you
@akinduyivictor4530 7 ай бұрын
Thank you, this was extremely useful.
@rabarhusen9170 6 ай бұрын
You were born for this, thanks ❤
@stargazing0010 4 ай бұрын
Amazing! well explained. Thanks
@utkarshsrivastava9241 Жыл бұрын
Thank you very much for this great lecture
@learnanddesignwithslim1513 Жыл бұрын
This is the best so far
@hbshrvd 11 ай бұрын
thank you so much! You explained everything perfectly
@envatotuts 11 ай бұрын
Glad it helped!
@upkaarkaur Жыл бұрын
Very to the point and useful video.
@envatotuts Жыл бұрын
Glad it was helpful!
@anacortils2068 6 ай бұрын
Many, many thanks for speaking to a speed that allows to reflect about what you are saying 🌿 that is profesionality.
@spencerm293 Жыл бұрын
Thanks for posting this kind of thing! I used XD for a while and am just not sold on it at this point. Maybe it will get better.
@hamedrasoulnejad6774 6 ай бұрын
The best video that I have watched!
@akhenatontubba9950 11 ай бұрын
Mükemmel anlatım❤ altyazı videoya eklediğiniz için ayrıca teşekkürler,bu şekilde altyazıyi otomatik çeviri ile Türkçe kullanarak izleyebildim,🎉
@TheStukito Жыл бұрын
Thank you for the amazing tutorials!
@envatotuts Жыл бұрын
Glad you like them!
@akpobaroesquire8864 Жыл бұрын
You are a good teacher. Thanks for the content. Its rich
@envatotuts Жыл бұрын
I appreciate that!
@majakrstic8550 Жыл бұрын
Thank you so much for the explanation, it is very helpful !🙂
@envatotuts Жыл бұрын
Glad it was helpful!
@MarianAdamita 10 ай бұрын
Man, you're awesome !
@SunshinePrecuious Жыл бұрын
Thanks, this was really helpful.
@envatotuts Жыл бұрын
Glad it was helpful!
@maheshkharat8226 Жыл бұрын
thank you so much for such a valuable lesson !
@envatotuts Жыл бұрын
You're very welcome!
@draydray9573 Жыл бұрын
Thank you so much , your just answered all my QUESTIONS concerning AUTOLAYOUT feature :)
@envatotuts Жыл бұрын
Great to hear!
@malcommiya5940 10 ай бұрын
the best auto layout tutorial
@abdulkadir_sobuj Жыл бұрын
Thank you so much!
@priceandproduct Жыл бұрын
Learned a lot
@latifyay Жыл бұрын
Appreciate the tutorial
@merakesh207 Жыл бұрын
Great Video ♥️
@zafit02 Жыл бұрын
excellent tutorial
@VoyagesJapan 9 ай бұрын
I just want to follow you around so you can teach me about the world!! You're one of the best instructors on KZfaq!!! How can we find more of your individual tutes?
@annagorska2487 Жыл бұрын
Thank you very much!! You explain very clearly. 👍
@envatotuts Жыл бұрын
Glad it was helpful!
@keeponballin6094 Жыл бұрын
I get it now Thanks Bro ❤️
@mdbicky9460 Жыл бұрын
thanks for this awesome video Adi 😍😍
@envatotuts Жыл бұрын
Glad you liked it
@olajumokeawal8057 Жыл бұрын
LOVE THIS......REALLY HELPFUL
@envatotuts Жыл бұрын
Glad it was helpful!
@marsko9197 Жыл бұрын
Best tutor on the internet
@pesingitrimurthulu6316 Жыл бұрын
Your explanation was awesome👏
@envatotuts Жыл бұрын
Glad you liked it
@abdikhaliqmohamoud3373 Жыл бұрын
The great teacher.
@danzosenseil5715 Жыл бұрын
Thank you so much on this tutorial
@envatotuts Жыл бұрын
Glad it was helpful!
@fatimasbee Жыл бұрын
Thanks for this!
@envatotuts Жыл бұрын
My pleasure!
@johantchassem1553 Жыл бұрын
Thank you
@sabaeldesukey7906 Жыл бұрын
Super helpful thank you 🙏🏻
@envatotuts Жыл бұрын
Glad it was helpful!
@firstignitor Жыл бұрын
super helpful .. thank you
@envatotuts Жыл бұрын
Glad it was helpful!
@danitodnl5396 Жыл бұрын
This guy taught me almost everything I know
@intervention_w_myself Жыл бұрын
This man is a born teacher and leader.
@bibiri778 4 ай бұрын
I felt that the content deepened my understanding of the most important and basic things that are often overlooked. thank you so much.When converting to Webflow using the figma to Webflow plugin, I expected that problems would occur with this frame and the relationship between parent and child elements. Is it possible to completely migrate to Webflow just by combining parts such as "Nav log", "Nav", and "hero image" in the figma to Webflow plugin?
@avikdas8655 Жыл бұрын
Respect ! 🙏 👍👍👍 Thank you !
@envatotuts Жыл бұрын
Thank you too!
@rashidsaeed1504 Жыл бұрын
i love it
@johnruss7213 Жыл бұрын
Thanks
@funwave7748 Жыл бұрын
Best one
@delusional-ibra Жыл бұрын
this small feature make my design workflow easier
@smilli6415 Жыл бұрын
please do a course on varients and new properties
@estrella4956 Жыл бұрын
Hello i really enjoyed the video and learned alot I want to know how to align the content of an anboarding screens with illustrations
@brucewayne4283 Жыл бұрын
Excellent
@envatotuts Жыл бұрын
Thank you so much 😀
@cyanbeam Жыл бұрын
Superb 👌🏽
@envatotuts Жыл бұрын
Thanks 🤗
@mercikuzy Жыл бұрын
amazing
@envatotuts Жыл бұрын
Thank you! Cheers!
@dailyvlogbyshivam901 2 ай бұрын
really thank you sir for this info and do you have any "figma" short course for free, sir ? for beginner's.
@vahidkari145 Жыл бұрын
excellent
@envatotuts Жыл бұрын
Thank you! Cheers!
@javohirxusanov48 Жыл бұрын
thanks you
@envatotuts Жыл бұрын
Welcome
@syedanishat1817 Жыл бұрын
Please sir make videos on responsive design.
@talielnussen3867 Жыл бұрын
Paid for a course, but still can't figure out what he is explaining. Had to come here. Way better! Thanks a lot! Do you have a full course please?
@envatotuts Жыл бұрын
We have lots of courses on Figma: kzfaq.info/get/bejne/nZyihKmBnuCncYE.html
@talielnussen3867 Жыл бұрын
@Envato Tuts+ thank you!
@user-fi5qz2qw4b Жыл бұрын
😍😍😍
@kashifusman5953 Жыл бұрын
My head is in deep pain, please give answer to my question, at 39:40 he select the frame to resize it but the fill in design panel is showing to white color, when in artboard its showing orange color, how that is possible. I am having trouble resizing the that frame, please helpppp
@msqueentisinthebuilding Жыл бұрын
❤❤❤❤
@mrbasit389 21 күн бұрын
❤
@aniketjadhav5965 5 ай бұрын
Please create app design using Auto-Layout🙏🙏