Тёмный

KILLER Auto Layout Tutorial in FIGMA 

MDS
Подписаться 21 тыс.
Просмотров 31 тыс.
50% 1

Figma file: www.figma.com/community/file/...
Instagram → / mds
Twitter → / mds
Dribbble → dribbble.com/mds

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

 

7 ноя 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 148   
@mdsnotavailable
@mdsnotavailable Год назад
what do you want to see next?
@arbanai2735
@arbanai2735 Год назад
A killer components tutorial :)
@LuigiChelli
@LuigiChelli Год назад
Tokens!! possibly Tokens Studio (ex Figma tokens) plugin rundown and examples.
@user-bz8xe2vp3p
@user-bz8xe2vp3p Год назад
it will be cool to see how to create some elements using components, autolayout, variants and prototype them
@shadowhere_
@shadowhere_ Год назад
Basic ux research video please.
@owaisfazil1464
@owaisfazil1464 Год назад
Components! Also I firkin love your shitty song
@rogietheking
@rogietheking Год назад
Not only is this an amazing tutorial, but your production value is off the hook, Matt. GO GO GO!
@mdsnotavailable
@mdsnotavailable Год назад
😍😘
@MelindaMatturro
@MelindaMatturro Год назад
your water bottle metaphor is so simple yet so genius. love your editing style! THANK YOU for making auto-layout easier to wrap my head around!
@mdsnotavailable
@mdsnotavailable Год назад
Glad you liked it Melinda!
@giftedgeek
@giftedgeek Год назад
The Visuals are just amazing, and the Sound design for typing and expanding just awesome!
@sahilbhat7328
@sahilbhat7328 Год назад
Had seen many videos related to Auto Layout before this but this is undoubtedly the most understandable and fun to watch. Exceptional editing.
@lexib9516
@lexib9516 Год назад
Bravo sir!!!! An explanation that virtually covers all of my headaches with auto-layout. Much of my headaches were due to adding auto-layout at the beginning vs at the end once I have the layout designed. Thanks so much for putting this together & taking the time to share it with us. Nicely done.
@underscoreroa
@underscoreroa 8 месяцев назад
one of the best AL, hug/fill explanations I've seen yet. And the tip about holding off on AL during ideation is brilliant.
@RPBR84
@RPBR84 11 месяцев назад
Omg been struggling for three days with auto layout this is the only tutorial I’ve seen that makes any sense!!! Thank you
@JaneDimeski
@JaneDimeski Год назад
Wow, the best explanation of auto-layout I've seen 'til date. Your RU-vid content is amazing Matt, lots of respect for you and what you do. Excited for future content along this line. Keep it up!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Jane!
@ThingaNguyen-du5fg
@ThingaNguyen-du5fg Год назад
I have seen many auto-layout youtube video BUT this one is by far the best one! man - you nailed it! keep on going! and ofc, thx for sharing 😎
@Faguoyo
@Faguoyo Год назад
Fourth tutorial I've seen about auto layout today and from far the best. Many thanks!
@msummer
@msummer Год назад
This is amazing Matt, thank you! You’ve been killing it with the RU-vid content, super excited to see what else you’ll be sharing!
@CarlosAndresVelasquez
@CarlosAndresVelasquez Год назад
This is by far one of the best tutorials Ive seen with autolayout. Adding to my “always be learning” playlist.
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Carlos!
@krispy.26
@krispy.26 8 месяцев назад
I would like to thank you for this is the ONLY autolayout tutorial that actually stuck with me. I really like the horror elements >:)) keep em comin
@TheRiddleDungeon
@TheRiddleDungeon 10 месяцев назад
Loved it just how you simplified the layout stuffs straightway! I've struggling with auto layout stuff and stressed out as hell.. I was not finding any motivation to break things out. Thank you for your time :)
@user-fx6lq4gt3d
@user-fx6lq4gt3d Год назад
Thank you so much!!! I can't believe I figured out how to use it after a YEAR of working in Figma.
@nebookyn
@nebookyn Год назад
Hey Matt, the effort you put into this video is incredible. Keep up the good work man!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Nazim!
@codemathics
@codemathics Год назад
Everything creative = MDS. So 🐐ed!
@alecsandrugrigoriu5809
@alecsandrugrigoriu5809 Год назад
Really love this new style of editing you applied on the video. Awesome stuff!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks!
@pauladeka1593
@pauladeka1593 7 месяцев назад
Now this is how I want to be taught... Really straightforward in a fun way, thanks man.
@pm2228
@pm2228 Год назад
Wow! This tutorial is amazing. The way your structure and deliver the content makes it so fun to watch! you earned a suscriber
@Mythril
@Mythril Год назад
this is the best auto-layout tutorial i've found!
@NadjibIxe
@NadjibIxe Год назад
Excellent !!! the best autolayout tutorial☠🎸
@JayCarver
@JayCarver Год назад
Man you had me cracking up and learning at the same time lol...dope video and way to keep people engaged all the way through!
@sanjeevtanguturu4531
@sanjeevtanguturu4531 3 месяца назад
Thank you so much! I really appreciate the way you teach. It really helped me a lot, especially the water bottle example.
@ahmedesam9922
@ahmedesam9922 11 месяцев назад
Screw RU-vid algorithm, I watched every single autolayout tutorial on RU-vid trying to understand the concept and this is by far the most interesting of them all !!
@mdsnotavailable
@mdsnotavailable 11 месяцев назад
🙌
@danielruiz2471
@danielruiz2471 Год назад
This is really nice work Matt!
@ellivizcaino4307
@ellivizcaino4307 5 месяцев назад
Not only did this video help me understand auto layout a bit better, but it was also hilarious and entertaining! A welcomed surprise!
@ArifKhan-uf3nm
@ArifKhan-uf3nm 8 месяцев назад
This is only tutorial in MDS Style loved the work and inspired 🌟
@Cor-mac
@Cor-mac Год назад
Simply awesome tutorial! The quality is out of this world, you’re the 🐐.
@michellewren_
@michellewren_ Год назад
this is such a well done tutorial - the content, the editing, the myers theme... so so good! thank you!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks so much Michelle!
@riturajborah6169
@riturajborah6169 Месяц назад
Thank You So much for this Video. You have explained it so well. Keep up the hustle and your RU-vid channel will grow for sure ❤️
@_thesoulsjourney
@_thesoulsjourney 11 месяцев назад
Wicked tutorial. Genius bottle analogy!
@lilyshevchenko7048
@lilyshevchenko7048 Месяц назад
The production value of this video is insane! Everytime I'll hit SHIFT-A I'll always have a mental metal riff 😂Bravo!
@mdsnotavailable
@mdsnotavailable Месяц назад
🤘😎
@ProductDesignTalk
@ProductDesignTalk 9 месяцев назад
Brother this is by far the BEST auto layout tutorial I’ve watched. Sub’d! (Although I disagree with the AL disclaimer, this is a great tutorial).
@mdsnotavailable
@mdsnotavailable 9 месяцев назад
Glad you liked it!
@alfredosmith6107
@alfredosmith6107 Год назад
You’re definitely underrated 👍🏾🚇🔔
@shadowhere_
@shadowhere_ Год назад
Just amazing, learned a lot from this video, Keep giving us more value like this one.
@mohammadjavadmozaffari1686
@mohammadjavadmozaffari1686 Год назад
So simple and useful grate job that was the easiest way to learn autolayout thing ❤
@arzach_0x
@arzach_0x Год назад
Awesome video!!! So helpful
@muhammadalikhan7096
@muhammadalikhan7096 Год назад
That's how you entertain and educate your audience. dude you just made my life way simpler. . Btw that's how you gain a subscriber. thank you so much
@MilanB
@MilanB Год назад
A man who knows how to explain. Fantastic video focusing on what we actually need to understand. Thanks Matt.
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Milan!
@GOKU019
@GOKU019 Год назад
awesome video... sound effects ❤❤
@arff_f
@arff_f 3 месяца назад
I don’t know y this one isn’t getting million views. Even the figma yt itself can’t teach auto layout effectively like this
@aaronruiz816
@aaronruiz816 Год назад
This edit is so awesome!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Aaron!
@raviblr8227
@raviblr8227 10 месяцев назад
Excellent.. now I got some confidence and knowledge about on Auto layout.. Thanks for sharing this valuable topic.. If possible do one more video about autolayout complete procedure and with tips and logic. Thanks.
@hoangphat5979
@hoangphat5979 Год назад
OMG the struggle was REAL, i was stuck with this typing with autolayout but thank you for point out " Fixed for parent and Fill for child ". It's working
@larissasaad7378
@larissasaad7378 Год назад
Beautifully edited video, fun and informative. Well done MDS!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Larissa!
@nahidmodan4824
@nahidmodan4824 Год назад
this is exactly what I needed I actually had a hard time with using the fixed, fill and hug options. Now I will always remember the water bottle analogy , thank for helping me this issue.
@marlonmarcello
@marlonmarcello Год назад
Instant fan of your channel!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Marlon!
@U7traman
@U7traman Год назад
Never had so much fun watching a Figma tutorial. Amazing.
@mdsnotavailable
@mdsnotavailable Год назад
😅 thanks Indra
@user-oh6fs5ti2y
@user-oh6fs5ti2y Год назад
fantastic work and well explained video!
@uxtools
@uxtools Год назад
Can tell you had fun with this one. Really well done/terrifying/useful 💪
@mdsnotavailable
@mdsnotavailable Год назад
🙌
@Kram3r
@Kram3r Год назад
Brilliantly done and very scarily explained! I’m gonna use auto layout with caution! Great video and very well explained!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Mark!
@mateusvidal3187
@mateusvidal3187 Год назад
It was amazing! The video editor deserves congrats for this one!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Mateus! I’ll be sure to let him know.
@lavenderweasley
@lavenderweasley 11 месяцев назад
The most memorable tutorial ever!
@elysiumcore
@elysiumcore 10 месяцев назад
Wicked tutorial tutorial 🔥
@pixiedev
@pixiedev Год назад
Amazing men also your editor have my respect.
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Praveen. I edited this one. 😊👍
@Shatz
@Shatz 10 месяцев назад
Amazing video, thank you very much!
@underscoreroa
@underscoreroa 8 месяцев назад
Also, when I first started with Figma wish I'd learned that starting small with auto layout groups is the best way to go. Would have saved me so much stress.
@kmdesignsolutions
@kmdesignsolutions Год назад
Perfect tutorial✌️
@ochjich
@ochjich Год назад
wow its crazy but also balanced not overdone, amazing tutorial!
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Chjio!
@SheisaCreative
@SheisaCreative Год назад
Thank you for the awesome tutorial. 😊😊
@mdsnotavailable
@mdsnotavailable Год назад
🙌
@clementine5672
@clementine5672 Год назад
Killer content man
@M4rt1nX
@M4rt1nX Год назад
Thanks a lot. I finally understood.
@arbanai2735
@arbanai2735 Год назад
That's it! Finally I can understand auto layout.
@mdsnotavailable
@mdsnotavailable Год назад
🙌
@lonhetrick
@lonhetrick Год назад
Excellent! Way more entertaining than the Auto-Layout training I gave our UX team last week.
@mdsnotavailable
@mdsnotavailable Год назад
😅 Thanks Lon
@Adlip_Kun
@Adlip_Kun 8 дней назад
Wow! Thank you so much. This is a killer video.
@Elizabeth-mf3dn
@Elizabeth-mf3dn Год назад
BLESS you saved me such a headache
@MarcusBoyDS
@MarcusBoyDS Год назад
For me the real killer insight was the fill/fixed water bottle concept, the perfect storytelling to teach auto-layout
@mdsnotavailable
@mdsnotavailable Год назад
🙌
@remywu7706
@remywu7706 Год назад
Thanks MDS
@WB-zr7pq
@WB-zr7pq Год назад
Been trying to explain this to others, and this is the funnest way I have seen yet.
@mdsnotavailable
@mdsnotavailable Год назад
Thanks W B!
@drdennsemann
@drdennsemann Год назад
Learning from the best!
@GabriellaBajkai
@GabriellaBajkai Месяц назад
The most entertaining tutorial I've ever watched
@mdsnotavailable
@mdsnotavailable Месяц назад
Thanks Gabriella =)
@izikprinx
@izikprinx Год назад
Hey man, thank you so much for this explanation, I was wondering if you can make a video about rapid prototyping using figma. Thanks x
@MartinAlejandro
@MartinAlejandro Год назад
You're the best.
@rizkyakbarmubarok2662
@rizkyakbarmubarok2662 10 месяцев назад
thanks for your video, very helpfull
@madhoundes
@madhoundes Год назад
this tutorial like a gem
@juansandia5060
@juansandia5060 Год назад
Amazing!
@brandoxide6392
@brandoxide6392 10 месяцев назад
I loved this video as you have spoken the truth.
@musikundspiel1008
@musikundspiel1008 Год назад
wow, thank you!
@maha2531
@maha2531 9 месяцев назад
really enjoyed Watching this HORROR auto layout 😂
@lanaveldanova1397
@lanaveldanova1397 2 месяца назад
Amazing
@martinpenkov2492
@martinpenkov2492 7 месяцев назад
Hello, I want to ask in which cases we don't need to use auto layout & thumbs up for this video it's really helpfull.
@nikitagoncharuk2234
@nikitagoncharuk2234 Год назад
Love it
@naufalammarrauf166
@naufalammarrauf166 Год назад
HAHAHA really love this auto layout tutorial 🤣
@mdsnotavailable
@mdsnotavailable Год назад
😊🙌
@ioanaienciu2049
@ioanaienciu2049 Год назад
That was good.;) 👍
@robinklaiss
@robinklaiss Год назад
Epic!
@irissolanolopez2899
@irissolanolopez2899 Год назад
Genius!!!!!!!
@harshaandhillon8649
@harshaandhillon8649 4 месяца назад
Love this advice! :) 04:45
@deekshasatapathy9009
@deekshasatapathy9009 11 месяцев назад
damnnn, you saved my life
@zerox9646
@zerox9646 Год назад
on the one hand it is interesting to watch, on the other it is difficult to perceive
@danielmota6322
@danielmota6322 Год назад
On the very second example, where you are doing absolute positioning, and adding the effect on the text box, I can 'see' (if I click the layer, when it highlights) through the grid that it is working--in a sense that as Long as I type, the effect follows. But, I can't see the effect in itself. How do I fix that?
@manashkashyap7780
@manashkashyap7780 Год назад
Please make fancy design tutorials
@blurryace2807
@blurryace2807 Год назад
subbed!
@user-gp4uu9fd5m
@user-gp4uu9fd5m 7 месяцев назад
Great :)
@ridd
@ridd Год назад
Lol I love it. So so much.
@mdsnotavailable
@mdsnotavailable Год назад
🙌🥳
@wzywgwzywg
@wzywgwzywg Год назад
SHIFT+A!!!!
@alfredosmith6107
@alfredosmith6107 Год назад
I want to be like you when i grow up - a grown man
@arff_f
@arff_f 3 месяца назад
The only tutorial u need hahahaha i swear.
@danielgolden90
@danielgolden90 Год назад
It was worth it.
@mdsnotavailable
@mdsnotavailable Год назад
Thanks Daniel! =)
Далее
Figma Tutorial: Auto Layout & Constraints
14:49
Просмотров 20 тыс.
How Many Balloons Does It Take To Fly?
00:18
Просмотров 83 млн
You’re using Auto-Layout WRONG
6:56
Просмотров 14 тыс.
How and When to Use Auto Layout in Figma
15:59
Просмотров 2,4 тыс.
Master Figma Auto Layout in 10 Minutes (2022 Tutorial)
11:08
Figma Auto Layout | Getting Started with Auto Layout
13:16
Figma Auto-layout Explained In 5 Minutes
5:11
Просмотров 54 тыс.
world's shortest Figma course
6:54
Просмотров 254 тыс.
How Many Balloons Does It Take To Fly?
00:18
Просмотров 83 млн