figma auto layout explained for figma responsive auto layout by graphics guruji

figma auto layout explained by graphics guruji. This video is a part of Figma tutorial for beginners series. In this video we will learn Figma responsive auto layout in hindi. The easiest way to clear the concept of:
1. Use of figma hug content
2. Fill content in figma
3. Fix width and height figma
Learn all above topics using:
figma auto layout paragraphs as well as figma tutorial auto layout card
Figma file for practice:
www.figma.com/...
Open link, click on "Open in Figma" button to open file in your figma account.
Chapters:
0:44 Button: igma button auto layout
2:57 Text: how to use auto layout text in figma
8:32 Small card: figma auto layout responsive card design
11:27 Complex card: figma auto layout responsive card design
25:37 Simple form: figma auto layout form
30:40 Complex form: figma auto layout form
35:50 Web menu bar: menubar auto layout figma
~~~~~~~~~~~~~~~~~~~~~~~
🤝 Need Help? 🏆 Download Graphics Guruji Android App for UX UI design, Start earning with “Fiverr earning course” for FREE 🎁
🔥 bit.ly/graphic...
Lots of free content, free chat support, free LIVE SESSIONS, and much more
~~~~~~~~~~~~~~~~~~~~~~~
Need help? I am available here Telegram group:
t.me/graphicsg...
#autolayout #figmatutorial

[@manavisharma0504]

i will be very honest.... i generally never comment on any video but today i had to because of the way you explain auto layout. I have watched so many videos to learn auto-layout even i asked my friends to teach me but i never understand but after watching this video i actually understand how easy it was so i had no idea why i faced so much complications in this to understand but it was actually easy it just need some practice..... so sir a HUGE thank you for that. You deserve a subscribe sir! Thank you once again!

[@GraphicsGuruji]

Wow thanks for the appreciation!

[@Findingmysoul7]

Hey manvi , Are you learning UX design from begginer stage ?

[@Rohanshort001]

Hay manvi I am akansha please contact me

[@hiunfia4372]

I'm searching these kind of videos but I couldn't find... At last I found you sir..... take so much love ...from Bangladesh

[@atharvadikondawar4459]

After countless videos of autolayout made by english speaking designers left me confused, I finally turned to desi designer guru and understood autolayout finally. Thank you so much

[@GraphicsGuruji]

Thanks 🙏

[@aashnakhurana583]

THE BEST AUTO LAYOUT VIDEO, I swear after searching youtube for hours. this is the best. period.

[@GraphicsGuruji]

great! i am happy that i helped you in something. You also can help me through sharing my videos with your friends.

[@shivamgarg1457]

Bro thank you so much Bhai Mai sach bol rha hu. I tried alot by watching many videos on auto layout. But kuch samajh nhi aarha tha but this time actually mujhe samaj aaya ye auto layout cheez kya hai.

[@Suhani-Minivlog]

Thanks Sir... your way of explaining everything is just awesome

[@anildhaka2195]

2 day me auto layout smaj me aa gya ❤❤❤❤I LOVE YOU SIR ❤❤❤❤

[@vyom-uxui]

🌟 Wow, Guruji, this video on Auto Layout in Figma is an absolute lifesaver! 🙌 Your thorough explanation of "Fixed Width," "Hug Contents," and "Fill Container" has cleared up so much confusion, for me and I'm sure for many others too. 🎉 The practical application of these options, from simple examples to complex designs, truly makes it easier to grasp. 🚀 Each chapter breakdown, from buttons to complex forms, provides invaluable insights for Figma users at all levels. 🌈 Thank you for being the go-to problem-solving solution for all things Figma-related! Your dedication to simplifying complex concepts is truly appreciated. 🙏 Looking forward to implementing these learnings in my own projects!

[@FaizanMarwat-gc6hr]

One of best Mentor of ui/x design

[@HaiderAli-pl4ku]

I have subcribed almost 100 youtube channels about UI UX design but you are above all. Everything explained in detail and in easy way. Thank you sir for your great content

[@neetuthakur5676]

Thank you very much sir you are great .

[@chetanrajput8442]

Thank you, sir. You covered almost all of my problems related to auto layout. It's very helpful for beginners.

[@built_logic]

finally, I understood responsive and auto layout concepts. A big thanks to you .😃😃

[@Osman-v1m]

At the end of video Auto-layout 100% clear thanks again Sir for sharing youe knowledge

[@rajchowhan8132]

Thank you so much sir . This tutorial is one of the best tutorial about auto layout. Keep it up sir

[@toobakhalid5546]

Absolutely amazing... I have watched many videos my concepts are cleared now... Bcz of you thankyou

[@EalinaKundu-fn6db]

The best video of Auto layout am a developer , i need to learn figma tool for my job but i don't know anything about designing after so many confusion you teach me in the right and easy way thank you sir.

[@GraphicsGuruji]

Share it with other designers

[@EalinaKundu-fn6db]

@@GraphicsGuruji already done

[@UmerHayyat-v8z]

Thanks sir ...I had seen your full figma course in this course, it is difficult to understand what is auto layout but in this video my concept has been very cleared .I fully understand about auto layout .. thanks again sir

[@falgunirathore9154]

Thank you Sir! From the past sp many days I was trying to find videos on autolayout nothing worked for me. Your video is amazing ! 🙏🏽💕

[@vaibhavsatav45]

Bhot hi Informative video hai. Keep this series ON😃😃

[@MahakBhati-tc8nq]

Thanks a lot for this helpful vedio i was confused in auto layout and also faced problems to arrange new things i watched many vedios but didn't understand but now all doubt have cleared I again thanked you ❤

[@UsamaHussain-e2k]

Superbbb. It's Really Important and very Beneficial. I was stuck in Auto layout, But after watching and practicing this video, Literally design feels very easy. Thanks a lot and Appreciated.❣❣💓💓💞💞

[@itzmasum1079]

Best Best Best Best Best Best Best video on Auto Layout. Great Guruji...Salute!!

[@saiyadhussain1998]

all confusion has been resolved ✅, thank you so much sir!

[@GraphicsGuruji]

Great 👍

[@umer-draz]

Very beneficial video for UI designer Good teacher❤❤❤❤

[@bharatmodiTechFist]

Amazing valuable video to understand each attribute of auto layout with ease & effortlessly .

[@storytelling-9644]

One of the best video in autolayout

[@Anoop04b]

Sir, such an important knowledge you give away , this is the one of the most complicated topic for me and I guess also for many students , but you explained it very well and easy... I will download your app and buy your course too and will also share with my friends.

[@nikisoni9282]

supper sir pehli baar shmj aaye muje auto layout thanks sir

[@priyanshidoctor4436]

You explain really well. Thank you so much

[@sanjeev7895]

Awesome, very easy way to learn with different use cases. Thanks for the tutorial.

[@montyverma5202]

most simplest way of teaching thanks a lot sir. i am student of arena animation and the are not teach in this kind of simplicity subscribe your channel today thanks a lot again.

[@preetinigam2440]

Thank you so much Sir, I have watched many videos but was struggling very much. It felt a very complicated thing for me earlier but the way you have explained in the video has solved my doubts. Thank you so much sir. Also it would be great if you can create a video for components and variants it would be very helpful, and if you have already created then from where can I get the link? Thanks sir.

[@surajchavan6447]

Thank you sir!🙏🙏 Explained difficult concepts in simple words !

[@Osman-v1m]

Again pure content and such a value able information thanks guruji

[@dhananjaynaidu-z3l]

Sir har bar ki tarah ye videu bhi bahot usefull hai sar ydi anginat like ka option hota to main aapki video me lakho like kar deda ek bar fir se Dhanywad Thanks iswar aapko swasth rahke

[@GraphicsGuruji]

Thanks for the lovely words

[@Tiny862]

very nice sir your teaching style is also v. good

[@titanwarrior8017]

thankyou so much for the lecture this cleared all my doubts but i have a small query how to make it resposive according to vertical and horixontally both.

[@BruceAdams-f6p]

honestly!! watched more than 10 videos to understand it properly but this was the best video of them all which has all the ansers of my problems, This video made Autolayout very easy for me. gonna watche rest of the Figma tutorial.. ------thanks for making such a good video 🤍

[@GraphicsGuruji]

great! i am happy that i helped you in something. You also can help me through sharing my videos with your friends.

[@BruceAdams-f6p]

@@GraphicsGuruji shared already 🤍

[@ZohaibSakandar]

bahoot achy sy ap explain krty ho thank you sir im from pak

[@GraphicsGuruji]

Thanks 🤩

[@MuskanSolanki-qy9tz]

wonderful you have explained!

[@soulgyan1635]

Great bhai,, so easily you explained,, love your content😊

[@deepchandak8108]

superb hai bhout need the thank you

[@fuaraparvin2034]

Thank you, Guruji for this video. This ia one great video. Guruji, please creat a video Deshboard fully describes.

[@amjadali-jm8sz]

Oh! Such an informative Video thank you for this.....

[@yashbaghel1506]

Sir can you please make videos on components and variants aslo like this .....please sir this was very helpful for me ...

[@GraphicsGuruji]

yes if you have watch this video till end, i have announced that we will have new videos on components and variants.

[@yashbaghel1506]

@@GraphicsGuruji Desperately waiting sir ......please upload ASAP

[@prashantbangar4652]

Very well explained.....Thank you. Our app is not available on App store?

[@Kunal-s1g]

First of all Thanks Sir for this amazing video, But I am still facing difficulty in vertically resizing my outermost container according to the content inside. And, I have already set the container to "fill option for horizontal" and "hug option for vertical"

[@arifahmed3243]

this video was really good/... thanks

[@fahim-yz5tb]

I am from Bangladesh. Thanks for the video ❤

[@heenaverma2313]

mja agya sir ! bht bdia kaam kr re ho !

[@NITESHVERMA-h6h]

Nice video sir... can create basic website for these types for more understanding

[@ghetiamanisha7033]

Big big thanks to you sir😊

[@WD-School]

Guru ji kamal ker ditta tusi. keep up the good work.

[@abhijeetkavatkar5187]

its very helpful to me thank u so much 😊👍

[@ShaikhFaqrunnisha]

Awesome! thank you very much! :D

[@OZmisaki-hx2fl]

I watch ansh mahra lectures but i was still very much confused about so many things But your videos are very helpful thank you so much 🥰❤️

[@muhammadyasir3294]

Yes, I also watched ansh mahra videos but I get more confused and boring. Finally, guru g saved us. Thanks a lot guru g.

[@adityaverma4960]

Amazing video

[@SohiniR-vc2gi]

hello sir, apne jo practice file provide kiya hai usmain ye 4th playground main jo progress bar hai yo card ke under nehi ja raha hai. main bahar e auto layout kiya fer vi nehi ho raha hai. plz solve this

[@EftekarHosen]

really grateful to you

[@MianAhmad-b1g]

Great Job, and thanks for helping.

[@MrVenkatganta]

awesome sirji

[@aloksen1321]

Thanks very very helpful

[@TahiraAhamad]

Bring video on responsive dashboard and components and variants

[@devendrakumar7970]

Sir please can you make a video on job growth in web designing field thank you.

[@khadijaomer-eu4lf]

sir you are a geneious man .

[@prathmeshkangude475]

Very Very useful thanks sir

[@awaistahiri175]

Thankful sir😊

[@khadijaomer-eu4lf]

is video se bhoat help huhi hai

[@sherinsaji-z5g]

Best explanation

[@GraphicsGuruji]

Glad you think so!

[@KumaarRakesh6]

Thank you Guru ji

[@manishasant8248]

27:02 par jis video ki baat mention ki aapne vo video KZbin par available hai?

[@GraphicsGuruji]

Like i said in the video, that is a course on Graphics Guruji's mobile app. Its a premium paid course. 🏆 Download Graphics Guruji Android App bit.ly/graphicsgurujiapp

[@hassammajid3759]

sir i have a quesstion what if i want to design a navbar with in one frame is it possiblelet me know also much love sir

[@GraphicsGuruji]

may be i didn't get you by one frame. Connet on whatsapp support 8003344414

[@sunilpanwar7030]

Thanks Sir very helpful

[@showthemevids]

I promise, you don't need to watch any other video on Auto Laout after you have watched this one. Agar ek baar mein Auto laout samajh na aaye, isi video ko 2 ya 3 baar dekh lo. Thank you very much Guruji.

[@dharmesh1745]

Thanks sir Aapki video se bht sikhneko milta hai but voice(audio) slow & noise rahata hai means Dhyan se suna padata hai so please fix

[@GraphicsGuruji]

ye issue old videos me hi tha that is solved now

[@mayurkachale3362]

Sir ye 3 feature and auto layout ke related aur detail main video banaye pls bcz muze auto layout ye 3 features and components ko learn karna hai

[@GraphicsGuruji]

Wait for more videos on components and variants

[@GraphicsGuruji]

You may consider our premium courses on graphics guruji app. You will learn all these with complete projects.

[@Editorvijay27]

Thank you sir

[@Awaisbhuttadesign]

Thank you 😊

[@Techmob-0512]

sir from which website i find icons easily

[@bilalmom1n]

14:19 which shortcut is used to change both padding simultaneously

[@GraphicsGuruji]

Ctrl + click

[@ravibaraiyait]

Thnk you very much sir 😊

[@rajdeepshaw94]

adbhud maza agaya

[@junaidgamer2]

keep its up sir g

[@kajaldeshmukh606]

Sir plz make video on componant

[@Uibykamal]

Sir mere dono text mixed ( 1 ke upar 1 like ) ho jaata hai ?? 😅 aisa kiyu

[@Awaisbhuttadesign]

Please video on components

[@dipakrmagar]

Wow guru ji

[@iqrasaif-f3o]

boss❤❤❤

[@DesignerHere]

thanks sir

[@Dibyendu_Raj]

Ye auto layout concept thoda ulta lag rha hai...Agar ek card banana hai to hum phle card ki width height set krte hai shape ki help se uske baad usme content dalte hai, content ki size hum kum aur jyada krte hai card ke size ke anusar....but auto layout me bina card ke size jaane hue content ko kiske anusar set kre

[@arthavbhavsar4334]

Sir apka premium course purchase karna hai to kya price hai

[@GraphicsGuruji]

Connect on WhatsApp [phone]

[@devendrakumar7970]

Please sir make a video on responsive table

[@GraphicsGuruji]

Coming soon

[@kajaldeshmukh606]

Ty sir

[@innovatorshome]

sir dashboard responsive ka video kaab aaega.

[@GraphicsGuruji]

soon 🤝 Want FREE Fiverr course with more detailed content? 🏆 Download Graphics Guruji Android App bit.ly/graphicsgurujiapp Lots of free content, free chat support, free LIVE SESSIONS, and much more

[@soniaghosh]

ese kar k website bana sakta ha?

[@ankitgaur2850]

sir aap starting me fill container kaise laye???

[@GraphicsGuruji]

Koi bhi object ko auto layout karte h to uske around ek layout ban jata h, and us object ko ab select karte ho to use fill kia ja sakta h outer layout ke. For more info download graphics guruji app from play store and the then connect with me on WhatsApp. Link is in the aap banner

[@jerrysnation4028]

dhanyawad guru ji 3 din se pagal tha

[@navnathkumbharkar9450]

someone tell me plz how to download file from description ?

[@GraphicsGuruji]

Its clearly mentioned in the description: Open below link, click on "Open in Figma" button to open file in your figma account. Figma file for practice: www.figma.com/community/file/1350039942195784411/autolayout-easy-methods-excercise-file

[@Gamingreview-u2f]

❤