No video :(

Learn Figma Auto Layout in 30 Minutes | FREE COURSE

Подписаться 1,5 млн

Просмотров 54 тыс.

50% 1

► Download unlimited Figma templates with Envato Elements: elements.envat...
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.tuts...
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.envat...
► Subscribe to Envato Tuts+ on RU-vid: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Опубликовано:

14 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 147

@muratkaradas1483 10 месяцев назад

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!

@ARTTALK 22 дня назад

You are seriously the best teacher I found in my 3-4 yrs of youtube study. Thank you.

@envatotuts 21 день назад

Wow, thank you!

@jimmaccormaic6689 7 месяцев назад

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.

@OrlandoDelgadilloLuna Год назад

The way you do this tutorials fits me incredible. Other RU-vidrs 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.

@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!

@pankhudilanjewar4150 5 месяцев назад

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.

@spacey_77 Год назад

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!

@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.

@kaleabblackboy3564 Год назад

Best teacher keep going bro🙏❤

@envatotuts Год назад

Thank you! 😃

@wherethereswilltheresaway3297 10 месяцев назад

🤯 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!

@rajendrachandel 2 месяца назад

i have seen many video related to autolayou but this one is better then others

@SunilBohara21460 5 месяцев назад

well explained. your method of teaching is very simple and easy to understand which every teacher or tutor should have.

@ayodelebamisaye1622 Год назад

The best explanation I’ve seen so far, Thanks for this. 👏🏽

@envatotuts Год назад

Glad it was helpful!

@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!

@pitchblacknight 6 месяцев назад

Your voice and delivery completely click with my brain. Thank you :)

@tanyameshram445 6 месяцев назад

Thank you for such an incredible video and for helping us newbies out there!

@basudevmoharana8142 11 месяцев назад

Best thing is his calmness and attention to detail and soft and beautiful communication skill ❤

@Jdadoosey 7 месяцев назад

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!

@anacortils2068 7 месяцев назад

Many, many thanks for speaking to a speed that allows to reflect about what you are saying 🌿 that is profesionality.

@philphilphil 11 месяцев назад

This guy is super pleasant to follow along to. Thank you Envato!

@mohammedazmy7244 Год назад

one of the most instructors i love always to learn from it adi pordila thank you so much

@malcommiya5940 11 месяцев назад

the best auto layout tutorial

@jorgemora1175 Год назад

I think that relation between this new features and how works css make easy for both design and developers communications...

@hamedrasoulnejad6774 7 месяцев назад

The best video that I have watched!

@learnanddesignwithslim1513 Год назад

This is the best so far

@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.

@chukwukaigboaka4619 Год назад

This is the best tutorial I have seen on Auto layout

@VoyagesJapan 10 месяцев назад

I just want to follow you around so you can teach me about the world!! You're one of the best instructors on RU-vid!!! How can we find more of your individual tutes?

@desig1rl 6 месяцев назад

best tutorial i learned while at the gym! so clearrrr

@SisiraSomaratne 5 месяцев назад

You explain it very well! Learning this part is very important in Figma. A planned teacher.

@akinduyivictor4530 8 месяцев назад

Thank you, this was extremely useful.

@yuusufahmad6734 7 месяцев назад

Yes, I found this video very useful. Thanks for taking your time to explain in details.

@stargazing0010 5 месяцев назад

Amazing! well explained. Thanks

@guitarlikas Год назад

Beautifully explained. Thanks!

@envatotuts Год назад

Glad it was helpful!

@aall1920 Год назад

your teaching is super patient, thanks a lot

@rabarhusen9170 7 месяцев назад

You were born for this, thanks ❤

@blueberrycreamsoda Год назад

Finally a perfect lesson, thank you so much!

@envatotuts Год назад

Glad you liked it!

@intervention_w_myself Год назад

This man is a born teacher and leader.

@marsko9197 Год назад

Best tutor on the internet

@lprado1979 Год назад

your tutorials are the best, very clear and simple

@TheStukito Год назад

Thank you for the amazing tutorials!

@envatotuts Год назад

Glad you like them!

@ernesto8273 Год назад

This is gold!

@juanlugofitness 10 месяцев назад

Adi, this was really useful and understandable. Thank you man.

@Alsa971 11 месяцев назад

Best video explanation for Figma auto layout 👏 Thank you

@MarianAdamita 11 месяцев назад

Man, you're awesome !

@hbshrvd Год назад

thank you so much! You explained everything perfectly

@envatotuts Год назад

Glad it helped!

@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.

@tetyanamalega2742 Год назад

great lessons and great teacher! many thanks)

@nbulwinkel 11 месяцев назад

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 ☺️

@maheshkharat8226 Год назад

thank you so much for such a valuable lesson !

@envatotuts Год назад

You're very welcome!

@djeehan62 Год назад

Definitely a very instructive video, thanks !

@danitodnl5396 Год назад

This guy taught me almost everything I know

@upkaarkaur Год назад

Very to the point and useful video.

@envatotuts Год назад

Glad it was helpful!

@akpobaroesquire8864 Год назад

You are a good teacher. Thanks for the content. Its rich

@envatotuts Год назад

I appreciate that!

@zafit02 Год назад

excellent tutorial

@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 8 месяцев назад

@@envatotutsyou’re the best thanks for helping me 😩🙌

@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. 🙌

@akhenatontubba9950 Год назад

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,🎉

@latifyay Год назад

Appreciate the tutorial

@olajumokeawal8057 Год назад

LOVE THIS......REALLY HELPFUL

@envatotuts Год назад

Glad it was helpful!

@priceandproduct Год назад

Learned a lot

@user-fh8tj8rl2d Год назад

Thank you so much for this wonderful tutorial, it’s awesome and so helpful.

@abdulkadir_sobuj Год назад

Thank you so much!

@draydray9573 Год назад

Thank you so much , your just answered all my QUESTIONS concerning AUTOLAYOUT feature :)

@envatotuts Год назад

Great to hear!

@keeponballin6094 Год назад

I get it now Thanks Bro ❤️

@fatimasbee Год назад

Thanks for this!

@envatotuts Год назад

My pleasure!

@smilli6415 Год назад

please do a course on varients and new properties

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-g6rQFP9zCAM.html

@talielnussen3867 Год назад

@Envato Tuts+ thank you!

@SunshinePrecuious Год назад

Thanks, this was really helpful.

@envatotuts Год назад

Glad it was helpful!

@pesingitrimurthulu6316 Год назад

Your explanation was awesome👏

@envatotuts Год назад

Glad you liked it

@delusional-ibra Год назад

this small feature make my design workflow easier

@firstignitor Год назад

super helpful .. thank you

@envatotuts Год назад

Glad it was helpful!

@abdikhaliqmohamoud3373 Год назад

The great teacher.

@avikdas8655 Год назад

Respect ! 🙏 👍👍👍 Thank you !

@envatotuts Год назад

Thank you too!

@lakhbawa 5 месяцев назад

Thank you

@annagorska2487 Год назад

Thank you very much!! You explain very clearly. 👍

@envatotuts Год назад

Glad it was helpful!

@bibiri778 5 месяцев назад

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?

@mdbicky9460 Год назад

thanks for this awesome video Adi 😍😍

@envatotuts Год назад

Glad you liked it

@utkarshsrivastava9241 Год назад

Thank you very much for this great lecture

@majakrstic8550 Год назад

Thank you so much for the explanation, it is very helpful !🙂

@envatotuts Год назад

Glad it was helpful!

@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.

@cyanbeam Год назад

Superb 👌🏽

@envatotuts Год назад

Thanks 🤗

@dailyvlogbyshivam901 3 месяца назад

really thank you sir for this info and do you have any "figma" short course for free, sir ? for beginner's.

@danzosenseil5715 Год назад

Thank you so much on this tutorial

@envatotuts Год назад

Glad it was helpful!

@brucewayne4283 Год назад

Excellent

@envatotuts Год назад

Thank you so much 😀

@merakesh207 Год назад

Great Video ♥️

@sabaeldesukey7906 Год назад

Super helpful thank you 🙏🏻

@envatotuts Год назад

Glad it was helpful!

@funwave7748 Год назад

Best one

@mercikuzy Год назад

amazing

@envatotuts Год назад

Thank you! Cheers!

@vahidkari145 Год назад

excellent

@envatotuts Год назад

Thank you! Cheers!

@javohirxusanov48 Год назад

thanks you

@envatotuts Год назад

Welcome

@johnruss7213 Год назад

Thanks

@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