@udayrajsathe you have broken down the subject very well and explained it with clarity! How and when to use the Auto layout is more important than explaining what it is and what it does. Kudos for this tutorial!
Thanx a lot sir , for putting that much amount of effort, learning a lot from these tutorial. All of your tutorial are very well planned & easy to grasp.
Thanks for this - very clear - mostly! However in the example at 17:56 _ on the horizontal responsive design component - you fix alignment really quickly at the end without explaining what you did. It would be super helpful if you could describe each step you go through rather than skipping over these steps - for newbie Figma users like me!
I struggled with Figma at beginning, but your videos save my time You provide the clear instruction & link to practice, it's so amazing Keep up with posting videos frequently, bro
bhai aapke videos kafi helpful hote he, aap bahot acchese explain karte ho, mujhe sirf ek question he, figma me jo bhi website banate he usko hum publish kar sakte he kya? ya figma sirf practice ke liye hi he?? plz ans me thanx
It was really awesome to have more grasp on Auto layout feature and I wanna give one feedback, please show slowly how you do things rather than speaking and doing it faster coz. you are a pro and it might get beginner puzzled and might restrict them only to think, how he did that?
I didn't want cards to have flexible width thus > Fixed width horizontally. At the same time it means that the content should adapt vertically. So you can use Hug Content to automatically adjust height.
Thanks. At 9:58, what if I want to shrink all the circles to a smaller size while having them maintain their circular shape and the relative distance between them? I've tried, but whenever I shrink them to a smaller size, the circles always distort in shape and the padding between them and the outer box increases.
What if we want to add a small button in "Alert and Dialogue" section. I mean suppose I want to add a cart button at the bottom right of the card, So if apply fill container on it, it will cover the whole bottom of that card, I wanna avoid that, I just want that button to be square shaped at bottom right.
in complex auto-layout my paragraph is expanding only right to left.it not expanding left to right can you help to solve this. It acts as a fixed thing.
@@udayrajsathe thanks brother, I solve that problem 5 minutes ago. Figma dosn't allow any line breaks in paragraph on auto-layout .I didn't known about that.thanks
This was incredibly helpful! thank you so much Udayraj! I had one question not related to auto layout. When you were entering in the dates on the calendar, did you use a shortcut to tab through the text fields? I couldn't figure out how to do it aside from manually.
3:39 If i add auto layout to list and give the name of the persons in the list then the aligning of the connect button is collapsing ...What should i do ?/Plzz help bro :)
Please create an app or webdesign using all features in figma in one design, so it's possible to practice and understand it in one go. Thank you UDAYRAJ
Must be layering issue. Can you share a file with me at ‘udayrajsathe@gmail.com’ to have a look? You can also ping me on LinkedIn or Insta and we can discuss more 🤟
📎 Link to Practice File
www.figma.com/community/file/915339795040977120/New-Auto-Layout-w%2F-RUclips-Tutorial
The best explanatory video on Auto-layout and believe me I have watched over 20! Thanks for this!
Figma should hire you to give tutorials...I love every minute
I’m touched by this. It’s my wish too. Thanks Adedapo 😊
I've only watched 9 minutes and I already consider this as being one of the best videos on Figma.
Thank you, really.
Wow... Delighted to know that it helped.
Stay tuned for more 🤘🏽
One of the best videos regarding autolayout. Such an easy and detailed explanation!
TBVH watched like 20+ vidoes but your's method of teaching was very amazing like wow 👌👌👌👌
@udayrajsathe you have broken down the subject very well and explained it with clarity! How and when to use the Auto layout is more important than explaining what it is and what it does. Kudos for this tutorial!
Great tutorial i must say Figma will be glad to have tutorials made by you for its users.
The best Auto Layout Tutorial I have come across! Thanks a lot !
Thanks Radhika. Glad it helped 😊
the best figma auto layout tutorials!! thank you Udayraj!
This is one of the best videos on you tube, thank you so much for the video.
best auto-layout tutorial I've seen
Glad to know that :D
Thankyou so much for these video. I have completely understand Auto layout topic now after seeing so many videos.Thankyou.....
Happy to help 😎
What an amazing video & what a polite and easiest way to teach Loves it Awsome 👍
Honestly one of the best explanations of Auto Layout in Figma. Thank you Udayraj!
I wished I have seen your videos before the other tutorials. It was clear and no useless talking :)
Thank you Emily. That’s what I aim to make 🤟
This is the best video on figma auto layout. Thankyou so much
Thanks Karan 😊
I saw so many videos but this was the easiest of them all. Thanks man for making my life easy!! Keep going.
Thanks a lot Nisheeth 😄
This is probably one of the best Figma tutorials I’ve ever seen. Thank you so much for this!
Tutorials like these makes you feel more confident & at the same time enhances your skills as well. Thank you for your wonderful contribution.✨
Thanks Lalit. Your comment really made my day 😊🤗
Very Helpful, Good tone of voice !
Thanks 😊🙈
Amazing tutorial! Unfortunatly figma chances all the time, so take a bit more time to figure where is everything
I must congratulate you Udayraj, your tutorials are really well explained and provide excellent examples. Keep up the great work!
This is so encouraging. Thanks 😄
Thank you for this video! It saved me time working
Awesome!!! Glad to know this.
I've been struggling with auto layout for quite some time. And this tutorial helps me a lot! thanks for making such a great content!
You're very welcome! 😎
Thank You So much bro!!...Your content is awesome....Just keep working hard and your channel will definitely grow...Keep it up 👍👍
Glad to know that it helped. Thank you so much 😃
I was stuck with something. I watched this and I am telling you this is a superb tutorial!!! Thanks :)
Thanks Rohan. Stay tuned for more 😊
Very well explained all the concepts
Thanks Chandni :)
Loved it! Very helpful.
You have covered almost everything ! Thanks
Thanks buddy.
Thanx a lot sir , for putting that much amount of effort, learning a lot from these tutorial. All of your tutorial are very well planned & easy to grasp.
Thanks a lot Aashish for all the appreciation and support 😊
Excellent Work.
Such a well done video, thank you!!
Thanks. Glad that you liked it.
Thanks for this - very clear - mostly! However in the example at 17:56 _ on the horizontal responsive design component - you fix alignment really quickly at the end without explaining what you did. It would be super helpful if you could describe each step you go through rather than skipping over these steps - for newbie Figma users like me!
Sure Karen. I’ll keep that in mind 😊
Thanks for making this video..I had so many confusions ..but now I have a good understanding about Auto-layout
Yay 🤟😎
Fantastic, you make this boring topics easy to learn.💖 thank you.
I'm so happy to hear this 😎
Keep watching and don't hesitate to reach out to me on Instagram/LinkedIn
needed this video so badly! after the update it was too confusing! thanks for the video! keep putting such videos bro.
Thanks bro 😌
Keep watching 🤞🏼😎
New subscriber here! Great video man!
Thanks for the sub! 🤘😎
Thanks for sharing this Udayraj. Brilliant explanation and examples
Thanks Ashish 😎
Great quality of a content
Much appreciated 🤘
Great video you are a natural at this !
Thank you so much :-)
I struggled with Figma at beginning, but your videos save my time
You provide the clear instruction & link to practice, it's so amazing
Keep up with posting videos frequently, bro
Thanks a lot. I'll definitely start posting more content soon. Stay tuned.
bhai aapke videos kafi helpful hote he, aap bahot acchese explain karte ho, mujhe sirf ek question he, figma me jo bhi website banate he usko hum publish kar sakte he kya? ya figma sirf practice ke liye hi he?? plz ans me thanx
Thanks 😊
We can only design websites in Figma but not publish them as it is.
Very well explained
Thank you 😊
It was really awesome to have more grasp on Auto layout feature and I wanna give one feedback, please show slowly how you do things rather than speaking and doing it faster coz. you are a pro and it might get beginner puzzled and might restrict them only to think, how he did that?
Thanks for the feedback :) Will slow it down in future videos.
This video is very useful thank you
You are welcome 😎
when making cards..how did you do fixed width horizontally and hug content vertically and can you explain what that means ?
I didn't want cards to have flexible width thus > Fixed width horizontally.
At the same time it means that the content should adapt vertically. So you can use Hug Content to automatically adjust height.
Great video! The pracrice file doesn't have the auto layout applied however when I open it in figma?
That’s intentional 😊 So that you can follow along with the video and try it yourself. I believe that the best way to learn it is by doing it.
Lai bhaari!👌
Explained very well👍
Glad it was helpful! 😎
Nice Udayraj! Also please try to make a video on the difference between Style and Component :)
Sure I will
Very nice content, haven't completed all yet, but great tips. Thank you
Glad you enjoyed! Thanks a lot 😎
@@udayrajsathe hey thats cool. Variants is another cool feature. Making a design system will be more fun
Yesss.. waiting is over🤘
Did you like it? Let me know if you have any suggestions.
Thanks. At 9:58, what if I want to shrink all the circles to a smaller size while having them maintain their circular shape and the relative distance between them? I've tried, but whenever I shrink them to a smaller size, the circles always distort in shape and the padding between them and the outer box increases.
Sorry for delayed response. Is this resolved already?
Another amazing tutorial 🔥🔥
Thanks Aashish 😊
I am really glad to see that you're enjoying the content.
time slot tags stays the same when you narrow the frame. is there a way to get 9:00 PM to the second line with autolayout when the frame narrows?
I think setting up text to Auto height will fix the issue. Feel free to ping me on LinkedIn / Insta. Would love to help
Bro you are awesome 😎😎
Thanks Kshitij 😎
Thanks a lot!
Thank you
bhari video hota
Thanks Aditya :D
Need more information in interactivity for prototyping
Have you watched my Prototyping and Interactive prototype videos ?
@@udayrajsathe No, actually i am going through all the video's
thank you for making this!
Thanks Meet 😊
HI There!! Could you please make same kind of video for the New Figma Update [Config 2022]?
PLEASE?
I was on a break. I'm working on new series with all updates in 2022.
What if we want to add a small button in "Alert and Dialogue" section.
I mean suppose I want to add a cart button at the bottom right of the card, So if apply fill container on it, it will cover the whole bottom of that card, I wanna avoid that, I just want that button to be square shaped at bottom right.
then in Resizing options you can select Fixed width instead of Fill container
Thank you for shared.
Thanks for watching 😄
Thank brotherr!
🤟
in complex auto-layout my paragraph is expanding only right to left.it not expanding left to right can you help to solve this. It acts as a fixed thing.
It might be because of Text alignment and Frame constraints. I can tell better if you can share your file with me to review.
@@udayrajsathe thanks brother,
I solve that problem 5 minutes ago. Figma dosn't allow any line breaks in paragraph on auto-layout .I didn't known about that.thanks
This was incredibly helpful! thank you so much Udayraj! I had one question not related to auto layout. When you were entering in the dates on the calendar, did you use a shortcut to tab through the text fields? I couldn't figure out how to do it aside from manually.
Just regular clicks. I actually fast-forwarded the video 😅
can you do adjust content video.. thats super confusing ..
Noted! I'll try to work on that video.
14:24 This part simply didn't work for me at all. the buttons were responsive, but the text vanish on the clip content. Tried everything
man! i love u! :D
🤗
Can we show a prototype website responsive from desktop to mobile or we need to create one prototype for each one?
Thank you for the video!
Hi Emmanuel,
We need to create one prototype for each one right now. But Figma is making that task easy for designers 😎
@@udayrajsathe so we design each version and developers make one website with both versions?
Yes. That's absolutely correct
Helpful video.
Glad to hear that
3:39 If i add auto layout to list and give the name of the persons in the list then the aligning of the connect button is collapsing ...What should i do ?/Plzz help bro :)
I'll be happy to help. Can you ping me on Linkedin or Insta? so that we can chat better and share screenshots if needed :)
@@udayrajsathe Thank you for your consideration .I will contact you on instagram as i get free.Thank you
Please create an app or webdesign using all features in figma in one design, so it's possible to practice and understand it in one go. Thank you UDAYRAJ
Complete Website Design Tutorial is under process. Planning to post it in couple of weeks. Also started working on Mobile app idea. Stay tuned 😀😄
@@udayrajsathe Thank you UDAYRAJ for taking action on my request and very great full that you are sharing such important knowledge.
that's great.
Thanks 😄
Whoever disliked it isn't from the design background. May God bless that homosapien
🤣🤣🤣🤣🙏🏽
@@udayrajsathe 😂😂😂
Game changer feature....!! XD in dust now :D
Design tool competition is always good for us 😎😀
I tried and tried everything but the testimonials are not responsive. Every other thing is. What am I doing wrong?
Must be layering issue. Can you share a file with me at ‘udayrajsathe@gmail.com’ to have a look?
You can also ping me on LinkedIn or Insta and we can discuss more 🤟
Waiting for this
Took me 12+ hrs to create this. Let me know your feedback 😀
@@udayrajsathe Amazing
nice
Thanks 😎
great
Thanks 😊
I am an auto layout pro 🤩
Awesome!!! 🔥🔥🔥
We cant see due to the subtitles! 👀
You can always turn off subtitles 🤟😊
great examples but you went very fast .. couldnt understand
Sorry for that 😅
Will try to slow down in the next video.
the video could have been made slower. it is way too fast to consume all the information at such a pace.
Noted. Thanks Hirak.
This video is more than amazing ... Thanks a lot!. If we have a question, how can I contact you?
Hey, you can contact me on Linkedin or Instagram
thanks for the tutorials friend. you are a great help!
Thank you
Any time!