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

[@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 🙏

[@Suhani-Minivlog]

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

[@neetuthakur5676]

Thank you very much sir you are great .

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

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

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

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

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

[@innovatorshome]

your button is not working

[@prashantbangar4652]

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

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

[@NITESHVERMA-h6h]

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

[@jerrysnation4028]

dhanyawad guru ji 3 din se pagal tha

[@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"

[@soulgyan1635]

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

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

[@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.❣❣💓💓💞💞

[@toobakhalid5546]

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

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

[@built_logic]

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

[@iqrasaif-f3o]

boss❤❤❤

[@vaibhavsatav45]

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

[@Osman-v1m]

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

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

[@ShaikhFaqrunnisha]

Awesome! thank you very much! :D

[@umer-draz]

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

[@EftekarHosen]

really grateful to you

[@chetanrajput8442]

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

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

[@FaizanMarwat-gc6hr]

One of best Mentor of ui/x design

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

[@anildhaka2195]

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

[@Thefarzanrangrezz]

❤

[@MuskanSolanki-qy9tz]

wonderful you have explained!

[@deepchandak8108]

superb hai bhout need the thank you

[@TahiraAhamad]

Bring video on responsive dashboard and components and variants

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

[@itzmasum1079]

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

[@abhijeetkavatkar5187]

its very helpful to me thank u so much 😊👍

[@arifahmed3243]

this video was really good/... thanks

[@Techmob-0512]

sir from which website i find icons easily

[@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 🤍

[@Uibykamal]

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

[@Tiny862]

very nice sir your teaching style is also v. good

[@ghetiamanisha7033]

Big big thanks to you sir😊

[@bilalmom1n]

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

[@GraphicsGuruji]

Ctrl + click

[@heenaverma2313]

mja agya sir ! bht bdia kaam kr re ho !

[@nikisoni9282]

supper sir pehli baar shmj aaye muje auto layout thanks sir

[@storytelling-9644]

One of the best video in autolayout

[@fuaraparvin2034]

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

[@Awaisbhuttadesign]

Please video on components

[@surajchavan6447]

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

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

[@Editorvijay27]

Thank you sir

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

[@amjadali-jm8sz]

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

[@saiyadhussain1998]

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

[@GraphicsGuruji]

Great 👍

[@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 ❤

[@aloksen1321]

Thanks very very helpful

[@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 ! 🙏🏽💕

[@devendrakumar7970]

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

[@PremaKoparde]

Amazing video

[@adityaverma4960]

Amazing video

[@bharatmodiTechFist]

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

[@MrVenkatganta]

awesome sirji

[@kajaldeshmukh606]

Sir plz make video on componant

[@Osman-v1m]

Again pure content and such a value able information thanks guruji

[@junaidgamer2]

keep its up sir g

[@sanjeev7895]

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

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

[@awaistahiri175]

Thankful sir😊

[@KumaarRakesh6]

Thank you Guru ji

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

[@soniaghosh]

ese kar k website bana sakta ha?

[@fahim-yz5tb]

I am from Bangladesh. Thanks for the video ❤

[@manishasant8248]

27:02 par jis video ki baat mention ki aapne vo video TH-cam 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

[@AmjadKhan-rz6nu]

For kids 😊

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

[@Awaisbhuttadesign]

Thank you 😊

[@DesignerHere]

thanks sir

[@EtherealInsights07]

11:30

[@MianAhmad-b1g]

Great Job, and thanks for helping.

[@EtherealInsights07]

11:26

[@kajaldeshmukh606]

Ty sir

[@ZohaibSakandar]

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

[@GraphicsGuruji]

Thanks 🤩

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

[@arthavbhavsar4334]

Sir apka premium course purchase karna hai to kya price hai

[@GraphicsGuruji]

Connect on WhatsApp [phone]

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

[@devendrakumar7970]

Please sir make a video on responsive table

[@GraphicsGuruji]

Coming soon

[@sunilpanwar7030]

Thanks Sir very helpful

[@WD-School]

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

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

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

[@prathmeshkangude475]

Very Very useful thanks sir

[@ravibaraiyait]

Thnk you very much sir 😊

[@sherinsaji-z5g]

Best explanation

[@GraphicsGuruji]

Glad you think so!

[@khadijaomer-eu4lf]

sir you are a geneious man .

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

[@dipakrmagar]

Wow guru ji