Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 464

  • @DesignWithArash
    @DesignWithArash  Рік тому +18

    Auto Layout got updated andi it now has more features than ever. Check out the following video to master its new features.
    ua-cam.com/video/jrQNtNm2-Qs/v-deo.html

    • @ananthganesan503
      @ananthganesan503 11 місяців тому

      Thanks for this giving this link at this video itself coz I was searching for the missing feature of "Packed,Space inbetween" in current updated figma. But It has been explaind in your updated video! Really Thanks a lot!

  • @adityapradhan8474
    @adityapradhan8474 Рік тому +12

    I watched 5 videos, but I couldn't get a hold on this "Auto layout". But now I am pretty confident. Thank you so much!

  • @Deepalijinwal
    @Deepalijinwal Рік тому +70

    I had been struggling to understand this concept despite watching over 10 tutorial videos. However, I am extremely grateful to have come across your teachings and have finally grasped this complex subject. thank you so much Arash keep going 🌸

    • @DesignWithArash
      @DesignWithArash  Рік тому +2

      Glad it helped! Thank you very much.

    • @wizart7249
      @wizart7249 5 місяців тому +1

      Same here, this video was sooo informative and easy to digest, really great, thank you @designwithArash

  • @sandalimendis8
    @sandalimendis8 Рік тому +3

    I don't know how to thank you for this amazing explanation. I spent days trying to learn auto layout on my own and watched like 5 tutorials and still couldn't understand somethings properly. Thanks to your video now I understand how easy it would've been if I watched this in the first place. I can't believe the time I wasted trying to make one frame fully responsive. Please keep on doing more videos. This helps a lot

  • @Anima-jg
    @Anima-jg 9 місяців тому +2

    Dude you are so helpful. I've been struggling with this for ages and no amount of "just learn autolayout" from reddit users was helping.

  • @joelmeneses9068
    @joelmeneses9068 2 роки тому +9

    Honestly, best auto-layout video ive seen. And i have watched dozens. Thank you.

  • @sarisatrew
    @sarisatrew Рік тому +4

    I have never commented on a UA-cam video before but I wanted to express my gratitude for finally, a clear explanation of autolayout AND more advanced tricks. I am now at the point in my career where I understand the foundations of visual design and UX, but my designs were never "quite" there. I think having mastery of spacing is what was missing, and now with autolayout mastery, my designs are sooo much better! Many thanks.

    • @DesignWithArash
      @DesignWithArash  Рік тому +1

      Thank you so much for your comment. I'm glad you found the content helpful. Wish you all the best.

  • @miguelalejandrocortezgutie7559
    @miguelalejandrocortezgutie7559 2 місяці тому +1

    bro, I just met you and you are much better than my teacher, you are god GOD

  • @thefivekingdoms
    @thefivekingdoms 10 місяців тому +1

    Your tutorial was the only one that fit! I had watched so many and was starting to give up when i decided to watch yours. It seems the other creators were using an older version of figma when they made their videos. Aithough, the 'packed' and 'space between' option is gone, i just typed in 'Auto' and it still worked. Thank you for taking the time to do this!

    • @DesignWithArash
      @DesignWithArash  10 місяців тому +1

      Thank you so much. Glad you liked it.
      Regarding the Space Between option please check out the first comment.

  • @sitihajarmdzahid
    @sitihajarmdzahid 15 днів тому

    This covers everything. Thank you. Very detail, simple and easy to understand. And, got practise file as well.

  • @theadeoba
    @theadeoba Рік тому +8

    So far the best tutorial i have seen explaining auto layout and constraints. Smooth and easy to follow. Thanks 🙏

  • @Giorgos__K
    @Giorgos__K Рік тому +1

    All-in-one auto layout video!! Great work!! 👍

  • @gloriaooche9803
    @gloriaooche9803 5 місяців тому +1

    This is the most comprehensive and informative lecture on autolayout I've watched.
    Thank you!

  • @MASTERPPA
    @MASTERPPA Рік тому

    The samples file to follow was the KEY to this. Having the exact files to learn from was awesome!

  • @jasonprentice-d2s
    @jasonprentice-d2s 3 місяці тому

    Excellent job explaining the use of auto layout. I really appreciate how easy it was to follow along after struggling to keep up with other auto layout tutorials. Thanks.

  • @KaramAlayan
    @KaramAlayan 10 місяців тому +1

    Man you are a life savor i was gonna quit learning responsive designing cuz of this but damn you know how to teach you just got a new subscriber pls keep posting

    • @DesignWithArash
      @DesignWithArash  10 місяців тому +1

      Glad it helped. Welcome to the channel.

  • @Tales.of.Irshad
    @Tales.of.Irshad 7 місяців тому

    came here to clarify single doubt and you surprised with multiple options. Great effort and the way of teaching is stunning sir

  • @MrAbbo11
    @MrAbbo11 8 місяців тому

    you have a genuine kindness in your soul and are a very bright person that wants to share what they know. You also do so in a highly intelligent way by distilling things down to their basic essentials. Well done, Sir! Great video.

    • @DesignWithArash
      @DesignWithArash  8 місяців тому

      Thank you very much. That's very nice of you. Always happy to help.

  • @yugantsonawale
    @yugantsonawale 8 місяців тому

    Your narration, patience in explaining makes understanding and learning so easy. Thanks for these easy to comprehend tutorials.

  • @luannguyencao7915
    @luannguyencao7915 2 місяці тому

    One of the best video about auto layout I have ever seen. It's a nice work of u

  • @chandikalakshan468
    @chandikalakshan468 Рік тому +4

    Incremental explanation is an excellent idea. It makes sure that we get the concept without gaps. Thanks for such a well-organised and valuable tutorial.

  • @HritSingh-v6p
    @HritSingh-v6p Рік тому

    The way you explained the mistakes that new designer might make while using these features helped a lot in understanding how things work. I watched 5 other videos before coming to this one, your explanation was the best!

  • @harshaandhillon8649
    @harshaandhillon8649 10 місяців тому +1

    Amazing explanation!! Really grateful u made this video

  • @AllanAltmann
    @AllanAltmann 5 місяців тому +1

    You really deliver what you promise. Thank you!

  • @techmillennium6332
    @techmillennium6332 12 днів тому

    Best tutorial on Auto Layout

  • @starseed
    @starseed 2 роки тому +2

    Your content is so good please keep making more ! 🎉

    • @DesignWithArash
      @DesignWithArash  2 роки тому

      Thanks a lot. I’m pleased to hear that. Sure. 🙏🏻😊

  • @vedantpurohit719
    @vedantpurohit719 Рік тому

    Finally, I found some peace. Now that I can use auto-lays and constraints with better understanding, Thanks a bunch.

  • @helgosaurus
    @helgosaurus Рік тому

    Thanks!

  • @AmakaJosephat
    @AmakaJosephat 3 місяці тому

    This is wonderful.. of all videos, this is the only one that gave me clarity thank you

  • @vahidsharifian3845
    @vahidsharifian3845 Рік тому +8

    Dear Arash,
    I just wanted to drop by and leave a quick note of encouragement for you and your channel. I've been following your content for some time now, and I must say, you're doing an incredible job! Your videos are always informative, entertaining, and inspiring, and I truly appreciate the effort and dedication you put into each and every one of them.
    please keep doing what you're doing, and never forget that your passion and creativity are truly appreciated.
    Thank you for all that you do, and I'm excited to see what amazing things you'll achieve in the future!
    😍

    • @DesignWithArash
      @DesignWithArash  Рік тому +2

      Dear Vahid,
      Thank you so much for your kind comment. I'm glad you liked my content. Stay tuned for more design content.

  • @tanjilaakter6985
    @tanjilaakter6985 10 місяців тому

    Thank you so much !! It's very helpful tutorial

  • @ruhanahmed6852
    @ruhanahmed6852 11 місяців тому

    Been looking at soo many videos but didnt understand. Thanks yours is the best

  • @thstudio007
    @thstudio007 Рік тому +2

    Hi Arash. I really like the way you teach. Everything is on point, no unnecessary talking. It makes more sense when you teach something with real-world examples. Will definitely follow your other tuts.

  • @Zinkleo
    @Zinkleo Рік тому

    Man this tutorial is marvelous. I'm quite new to the Figma world and this open my mind to the possibilities that I have with this software. Keep going with the good work, thanks a lot from Brazil!!!

  • @lynnmcqueen9233
    @lynnmcqueen9233 11 місяців тому

    Great video! Easy to follow explanation.

  • @Kim-jf4ou
    @Kim-jf4ou Рік тому +1

    Ok. You're THE best. Thank you very much for your contribution to the design community.

  • @banu_bala
    @banu_bala 6 місяців тому

    It’s really helpful, I have watched so many videos but this one helped me to understand it completely. Thanks

  • @ObaUIUX
    @ObaUIUX Рік тому

    Thanks Arash, I get autolayout better because of this clear simple tutorial

  • @shyamalajayaraman5538
    @shyamalajayaraman5538 2 місяці тому

    Love your video! Keep up the great work!

  • @ames139
    @ames139 Рік тому

    The most outstanding video I've seen regarding this subject. Thanks, Arash Jan.

  • @MaryamMohammadi-rf6xk
    @MaryamMohammadi-rf6xk 11 місяців тому

    this video was really awesome! I had seen a lot of videos before this but just this one worked for me. really appreciate Arash!

  • @denny_edita
    @denny_edita Рік тому

    Best autolayout tutorial evaaahhh ...

  • @TIMOTHYKUDYA
    @TIMOTHYKUDYA 3 місяці тому

    bro you are amazing, I have learnt a lot in just 15 minutes

  • @christianelisha
    @christianelisha Рік тому +2

    Thank you for this.
    This has saved me time a lot of time. I love how you explained these entire concepts in a simple and succinct way in no time. Thank you

  • @baktify_design
    @baktify_design 11 місяців тому

    No music, straightforward, amazing.

  • @russellnz06
    @russellnz06 5 місяців тому

    That was a good explanation but it was still a lot of detail! Well done mate.

  • @albertoj.m.4296
    @albertoj.m.4296 Рік тому

    This is one of the best UA-cam channel about ux design i have ever known! Thanks a lot for giving us too much valuable content, Arash.

  • @ravenalexa
    @ravenalexa Рік тому

    Best tutorial for auto layout. Thank you!

  • @meerasj
    @meerasj 3 місяці тому

    Best Auto layout tutorial!!

  • @Miss_Mmft
    @Miss_Mmft Рік тому

    a complicated topic, in simple words; shows your profession, Many thanks 🙏

  • @АртемГірман
    @АртемГірман 6 місяців тому

    Glad you have made this video! Auto-layout was a mystery to me. Kudos!

  • @whatthevideos4599
    @whatthevideos4599 7 місяців тому +2

    Its been 4 days im trying to understand auto layout. after watching many videos you are the most professional and clear. Thank you for the great information

  • @albertoestevezdecastro4699
    @albertoestevezdecastro4699 Рік тому

    Thank you! Straight to the point, as always.

  • @sainteleven6880
    @sainteleven6880 Рік тому

    Thanks Arash! Your explanations are very easy to follow.

  • @usamayousaf9195
    @usamayousaf9195 7 місяців тому

    This really cleared my concepts. Thank You Arash.

  • @blissful_oasis9430
    @blissful_oasis9430 Місяць тому

    Simple and well detailed.

  • @Dexter_00
    @Dexter_00 8 місяців тому

    The best auto layout video ever
    Thank you sooo much arash

  • @ramonenriquezschafer214
    @ramonenriquezschafer214 4 місяці тому

    Thank you! Great tutorial! This was extremely helpful for me.

  • @oluwajefunmi
    @oluwajefunmi 2 роки тому +2

    Thank you for this, it was so helpful and direct as I wanted

  • @roudiolding8023
    @roudiolding8023 Рік тому

    Damn, Finally a good video about auto layout, I was searching for hours and all of they explain so fast and the videos has tons of cuts, but this one was perfect, I finally got it how to use this tool in Figma, THANKS :DDDDDDDD

  • @yusra5100
    @yusra5100 Рік тому

    Arash your explanation is very clear, you prepare your content with empathy and it is truly understandable. I would like to say that I envy you, I hope we can develop projects together in the future.

    • @DesignWithArash
      @DesignWithArash  11 місяців тому

      Thanks a lot Yusra. Who knows? Maybe one day we work on a project together.

  • @jaiadityasethi2096
    @jaiadityasethi2096 8 місяців тому +1

    ik some things have changed now but this was still super helpful in understanding. Auto layout seemed very confusing at first

  • @erikacarter7693
    @erikacarter7693 11 місяців тому

    Great tutorial and really helpful examples of how to use the different features. Thank you!!

  • @haurilnisfari4926
    @haurilnisfari4926 Рік тому

    Thanks for your great work Arash !

  • @kamarsedik1448
    @kamarsedik1448 2 місяці тому

    I like your simple way in explaination 🌹🙏.

  • @hamiow5557
    @hamiow5557 Рік тому

    brilliant! I have watched your tutorial for a whole day and it really helps a lot!!

  • @MoJunaidRamjanAli
    @MoJunaidRamjanAli Рік тому

    Perfect tutor for FIGMA..!

  • @kunal007216
    @kunal007216 Рік тому

    Thanks a lot Arash..very well explained...Cheers

  • @tylerhill6092
    @tylerhill6092 Рік тому

    You rock. Plain and simple.

  • @dhanashreekhairnar
    @dhanashreekhairnar Рік тому

    This video was incredibly helpful! Thank you so much for sharing your knowledge and expertise. It has definitely made a difference for me.

    • @DesignWithArash
      @DesignWithArash  Рік тому

      Glad it was helpful!

    • @dhanashreekhairnar
      @dhanashreekhairnar Рік тому

      @@DesignWithArash Hey, thank you for your response. I have a doubt regarding 60 30 10 rule for colors. I m designing a website and the company has all primary colors in logo including black. So how can I use all brand colors in the design. I wish I could send you the logo for reference.

    • @DesignWithArash
      @DesignWithArash  Рік тому

      ​@@dhanashreekhairnar Hey, no problem. It's not needed. It's better not to use all the colors used in the logo. Since I don't know the company you are designing for, I cannot guide you further. When you want to create your color palette, first focus on the brand's characteristics and, based on the color psychology, create your color scheme. As a bonus tip, the black in the logo shouldn't influence your decision since it's a neutral color.

  • @AngelaGoldberg
    @AngelaGoldberg 2 місяці тому

    Love this! so helpful!

  • @wanghao8928
    @wanghao8928 Рік тому

    Thank you, Arash! it's really helpful

  • @thomaskyriakos1789
    @thomaskyriakos1789 Рік тому

    Hi Arash , just wanna say that your tutorials are amazing and well explained

    • @DesignWithArash
      @DesignWithArash  Рік тому

      Hi Thomas,
      Thank you so much. It's very nice of you.

  • @farnazdehdar-z7u
    @farnazdehdar-z7u Рік тому

    awesome! thanks a million arash

  • @etacademy9109
    @etacademy9109 Рік тому

    you basically saved me with this tutorial...had a hard time grasping the concept behind this...thanks very much

  • @karthikrajendran3394
    @karthikrajendran3394 Рік тому

    Informative tut, crisply delivered. Thanks.

  • @powercreations0628
    @powercreations0628 Рік тому

    Very Best Teacher !!!.. Namaskara from INDIA, Thanks a lot

  • @jayabad6558
    @jayabad6558 Рік тому

    Super helpful! It made me see that autolayout is very easy to use.

  • @angiemeerakker9820
    @angiemeerakker9820 Рік тому

    Thank you for this!! Very well explained. I've watch so many tutorials to try and figure out auto layout, after watching yours I finally get it :)

  • @Davina-g1b
    @Davina-g1b 4 місяці тому

    Hi Arash, Everything that you explain is very easy to understand.
    Can you please make a video on Auto layouts and Constraints of the updated version of Figma??

  • @aligtehrani7702
    @aligtehrani7702 Рік тому

    Thank you Mr. Arash.

  • @arafathbinkhair9215
    @arafathbinkhair9215 11 місяців тому

    you are my insparation,i really liked your video,learn easily

  • @frogindisguise8231
    @frogindisguise8231 Рік тому

    best tutorial on youtube

  • @nataliamargusino7897
    @nataliamargusino7897 Рік тому

    Hi Arash! Thank you so much for all your videos! They have been extremely useful to me as a new designer. All the best and keep up your great work!

  • @ABelfakirVlogs
    @ABelfakirVlogs Рік тому

    Great video as always! cheers to you mate

  • @AsadShafiq-cm4gr
    @AsadShafiq-cm4gr 5 місяців тому

    You make it looks so easy Good teacher❤‍🔥🔥

  • @chizobamgbeme7088
    @chizobamgbeme7088 Рік тому

    Thank you so much. I just watched your video now and its very helpful because I just finished designing a website and was imagining how to design the mobile

  • @dariuschmieliauskas
    @dariuschmieliauskas Рік тому

    Nice work, very clear and useful. Thank you

  • @SzabatDesign
    @SzabatDesign 2 роки тому +9

    I love you "All right" ! Good content thanks! Maybe you can do landing page with autolayout and show us how it works in practice? 😊

  • @somabanerjee9082
    @somabanerjee9082 Рік тому

    Hi Arash, I had done your UI course on Internshala and fallen in love with Figma! Thank you for these series of lessons on UA-cam🙏

  • @MitaliPriyadarshini
    @MitaliPriyadarshini Рік тому

    Very clear and precise information. Really liked it. Thank you so much :)

  • @simeridraws
    @simeridraws Рік тому

    I feel like I finally get it. Thank you!

  • @goldekennia
    @goldekennia Рік тому +1

    l love your explanations

  • @nidhimanocha8574
    @nidhimanocha8574 Рік тому

    Thanks for the video. I will practice today. Hopefully I will get it when I will practice.

  • @saifulislamshanto5682
    @saifulislamshanto5682 9 місяців тому

    Thank you So much Sharing explaining auto layout and constraints. Today i learn figma amazing feature

  • @dipanshchhabda3716
    @dipanshchhabda3716 10 місяців тому

    The example at the end helped a lot, can we get a detailed video of fill, hug contents, and fixed height, please. Thanks.

    • @DesignWithArash
      @DesignWithArash  10 місяців тому

      I will make an updated version of this video with more examples.

  • @tochukwuogbonna4522
    @tochukwuogbonna4522 2 роки тому

    Arash thank you so much. I've been on this for days

  • @sarah-sn2jt
    @sarah-sn2jt 10 місяців тому

    thank you Arash. This helped me a lottttt

  • @k0mmunicat0r
    @k0mmunicat0r Рік тому

    love your content mate!

    • @DesignWithArash
      @DesignWithArash  Рік тому +1

      Glad to hear that.

    • @k0mmunicat0r
      @k0mmunicat0r Рік тому

      I am based in Poland too, where are you located in Poland? @@DesignWithArash

  • @hello-m7f
    @hello-m7f Рік тому

    You made renissans to my UX/UI learning!