MASTER Figma Auto Layout Constraints & Resizing | Tutorial
Vložit
- čas přidán 5. 08. 2024
- Figma auto layout, frame constraints, resizing...Figma auto layouts and frames can get really frustrating. I know that, and I don't blame you. But the good news is that you'll be able to take your first steps towards mastering Figma auto layout and frames by the time you finish this video. I'm breaking this down into three main sections, to help you become a better, faster, and a more productive UX and UI designer while you're on Figma.
▬▬▬ Video Chapters ▬▬▬
00:00 - Introduction
00:54 - Frame Constraints
03:46 - Auto-layout Resizing, Alignment & Padding
08:27 - Combine It All
10:00 - CZcams Live Workshop
▬▬▬ 🚀 Join our Free Skool Design Community ▬▬▬
Connect, learn, and grow with fellow designers
www.skool.com/wired-to-design
▬▬▬ Free Weekly Design Resources ▬▬▬
Sign up in the newsletter to get free resources every week!
www.wiredto.design/
▬▬▬ Who am I? ▬▬▬
Anik Devaughn
Instagram: / anikdevaughn
Twitter: / anikdevaughn
▬▬▬ Say whatsup! ▬▬▬
Instagram: [ / wired2design ]( / wired2design )
Twitter: [ / wiredtodesign ]( / wiredtodesign )
#figma #autolayout #ux #ui #uxdesign #constraints #figmaconstraints #figmaframes #frames #resizing #components #ui #mockup #designprocess
This is the best video on constraints & auto layout I have ever seen. I was so confused by it even after watching figma official vids or other CZcamsrs. Thank you so much!!!
Oh wow, so happy to hear that! Thank you so much 🙏🏾
Animations With Figma czcams.com/video/aMFUuGZ9LEs/video.html
Same! So easy to follow
i'm gonna cry. finally i found a video that explains this in a very simple, straight forward way. thanks a ton
🥹
Thank you! I've been struggling with Auto-layout inside components for a long time, and in 10 minutes you taught me all I needed to get it working. You rock!
That’s amazing! Happy I was able to help. Thank you for the support! 🙏🏾
This has been the most clear explanation of constraints and auto layout I've been able to find! I clicked on the video because the title screen so perfectly summed up how I've been feeling about trying to get the constraints to behave how I want them to! Thank you so much!
Thank YOU! This support is everything 🙏🏾❤️
Unlike a lot of videos I've seen about this topic, you break this down into clear first principles and built up my understanding from there. So much easier. Thanks!
Thank you! Glad I was able to help 🙏🏾
You are my best teacher for Figma, jus as Piximperfect is a great teacher for Adobe. You are amazing. I am grateful I found your channel. I love you. Thank you so much
I wish I could like this video 100x. The absolute best video out there explaining auto layout and constraints! Definitely feeling more confident after watching your tutorial. Thank you so much for giving me the clarity I needed.
Thank u soooo much for the support 🙏🏾
By far the best video on auto layout and constraints I’ve seen so far. Most videos gloss over constraints like it’s obvious. I appreciate how you explain so explicitly and thoroughly how the constraint settings work. Thanks for sharing this with everyone! 😃
I’m so happy to hear this helped you Kelly! Thank you for the support 🙏🏾
Thank you so much! Best channel for me as a UX/UI student! Have you been a teacher before? You explain everything in such an easy way. I wish our teachers at school taught half this well.
Thank you again!❤️❤️
Thank you so much ❤️🙏🏾 I’ve been teaching and mentoring most of my life, predominantly in other creative endeavors
I've watched a number of these layout videos. I'm a developer, not a designer, so some of this is still a bit foreign to me - but I can definitely say that YOUR video is the first time that I've actually felt like I really understood what you were saying.
Thanks for sticking to teaching the basics first!
Hey!! I'm so happy to hear that this video helped you gain a better understanding of layout concepts. As a developer, it's awesome that you're taking the time to learn more about design principles, and I'm thrilled that my approach to explaining the basics resonated with you 🙏🏽 I truly believe that a strong foundation is crucial for anyone looking to expand their skills, regardless of their background. If you have any questions or need further clarification on anything, please don't hesitate to ask. Keep up the great work, and thanks a mill for your support!
Auto layout still trips me up sometimes. This was great!!! Love seeing this videos continue to push out. I know you're helping so many people including me still!
It can really get confusing at times. Let me know if you have any specific problems that I can help out with 🙌🏾
Thank you Les!! 🙏🏾
I'm stell a noob designer and yor video was really easy to follow and addressed the frustration I had with the auto layout. Thanks 🙏🏻.
This video really made me understand the basics of auto layout, but the hole Figma Tutorials playlist is awesome! Thanks man, please keep them coming!
Super happy to hear that! Thank you. More to come!
This is the most clear explanation I’ve found for auto layout and constraints so far, thank you!
Thank you so much! 🙏🏾
Brilliant explanation and perfect tutorial!!! Thanks
Thank youuuuu been struggling, your video helped so much!
I've watched a lot of videos and tutorials on the topic of "auto layout" and "constraints" and so far I've been struggling with it. Thank you for this video and this tutorial. ❤
Thank you so much for your support!
This is SO incredibly helpful and exactly what I needed to better understand auto layout. Thank you very much!
Happy it helped!!
First video iv'e seen with you. Really like your calmness and conficence - that makes ME calm and confident!
I never knew how much of an impact that could have on others - thank you for letting me know! Really appreciate that 🙏
loved it! to the point and action packed! Thank you!!
You are a living god among n, a legend worthy of praise. What you've uploaded here, will echo into eternity!
Thee most epic comment EVER 😅 thank u sooo much for the support! 🙏🏾
Finally, someone who's explaining it nice and slow. Thank you x100.
Thank you so much!
Awesome explanation for auto layout and constrains
Thank you
man i never comment on yourube videos, but you were the only video who actually explained this concept well.
Thank u so much!
Thanks for sharing such infomative videos with us.
bro thanks so much, you actually made soft soft easy to understand
Thanks for making these fundamental concepts so easy to understand. I really appreciated the pace and clarity! Best video on auto layouts and constraints I’ve seen🎉
Appreciate you!
Exellent tutorial , sir! Great work !!!
This is the best video on constrains & auto layout I have seen. I was so confused before, thanks!
Happy to hear, thank you so much!
You slammed this topic. Loved the simple, step-by-step guide you used. Took my autolayout game up a big notch!
Happy to hear man! Thank youuu 🙏🏾
What a great video. Very clear explanation, thanks a lot!
Thank you! This video is very helpful!
great help, you keep it simple but still in depth.
Appreciate you Christie!
I WANT A LIVE SESSION.
I have struggled with these concepts for days and was so frustrated till I came across this video. So wonderfully explained! Thank you so much!
Awesome! Let’s go!! 🔥🔥
The best tutorial I’ve seen on Figma auto layout. Your style of teaching is so good! I’d love a live session…
Thank you so much! Coming up 🙏🏾🔥
After countless videos, this one specifically finally made it click for me. You da best dude!!!
Wooow that’s amazing!! Happy to help 🙏🏾
Man I have been having trouble trying to figure out what to use for fixed, hug, fill, auto-layout, constraints and when to use them, this really helped me out a lot, you're awesome man, thank you!
Thank you sooo much!
Very clear instructions.I’d love to see your more videos about ui and figma tool from you
Thank you! 🙏🏾
Your tutorial is the first tutorial that makes it clear to me!! Thanks a lot!!
Glad to hear that it helped!
Thank you for approaching both constraints and auto layout in this tutorial it helped me understand how to use both 👍
Thank you Stephanie!
This is the best video on youtube for auto-layout. Thank you so much! Subscribed!
Thanks a milli! 🙏🏾
Thanks so much for this tutorial; it was easy to follow and helped me with understanding these concepts. Thank you!
You're very welcome! Thank you! 🙏🏽😁
Dude your channel has the best and clearest explanations ii've seen in all of yt. Hope you keep making content! I want a live session! lol
Appreciate you a lot man!! 🙏🏾
thank you. Felt like woah.... this is soooooooooo helpful.
Dude, you're the man!
I struggled hard finding a tutorial which is explained properly.
Thank you so much!! 🙏🏾
You speak in a language that I actually understand. You laid out everything so easily for me to understand. Thank you!!
I'm so happy it helped you! Thank you. I'd love to hear what else you'd like to learn.
Great tutorial, thanks a ton!
Thank you so much man! I've been struggling with Auto layouts for a while. Needed a nice explainer.
I WANT A LIVE SESSION!
Thank you for the support! 🙏🏾
🔥🔥🔥 let’s go!
I'm not going to lie, I wasn't expecting much from this, but you proved me wrong!!! This was one of the best ways to explain why auto layout can make you crazy. The first minute and a half I felt the light bulb go off! Suddenly things are clicking. Thanks so much.
Oh wow!! That’s incredible. I am so happy it helped. Thank you!
this is by far the best video i found on youtube. thank you so much
Thank you for the support! 🙏🏾
Loved the video, keep on creating!
Thus far, this has been the most helpful tutorial I've come across. Thank you.
Really appreciate you!
Incredibly knowledgeable and we'll-spoken teacher. Nice tutorials comfortableness with the subject makes starting soft real exciting!!
Thank u so much for the kind words Sagar! 🙏🏾
Brilliantly explained.
The most concise video thankyou
Dude, this is the only video that works. Thanks for posting!
Happy to hear it helps! 🙏🏾 thank u for the support
Just found this video. This style of communication works really well for me. Gonna check out what else this guy has to teach, I feel like I could learn anything from him.
This means a lot! I really appreciate you 🙏🏾
I NEED A LIVE SESSION! I've been ripping my hair out trying to u understand auto-layout, then came the updates. This is just what I needed. I'll be watching it over and over until I master it. Thank you.
Now with the new auto layout being launched, the live session is coming very soon! 🙏🏾
@@WiredtoDesign I'm looking forward to that.
Thank you for explaining this so nicely it was very easy to follow and clear
Thank you for the support!
By far the best explanation of the subject . Thank you
Thank you so much Gazalle!
You saved my day. Very well explained, thank you.
Thank you!
amazing!What a talented teacher!Exactly what beginners need
Thank you!! 🙏🏾
Thanks for explaining a confusing area of figma. This was a very clear and helpful presentation.
Happy to help!
Love the thumbnail for this video - that’s exactly how I feel about Figma’s auto layout as I‘ve been going through this learning curve. This video explains these concepts well and better explained than Figma.
Thank you!! 🙏🏾
this video helped me. thanks
Thanks and Very useful!!!
This was such great vid. You really explained it so clearly in a way it was easy to understand. I hope you do more. I need to check out your other vids. I really wanna master auto layout and responsive design. I am self teaching UI design.. so vids like these help!
Happy this one helped Angela! Would love to know if there’s anything specific you need guidance with as well, taking on requests all the time 🙏🏾 Thank u for supporting!
@@WiredtoDesign I haven't taken a look yet at all your vids, but I am always looking for a good understanding of the grid system! I like to watch a few channels of people to see what is said. Overall it is pretty confusing since everyone has something different to say. I wanna know what is typically used and how it is set up... mobile, tablet, desktop etc. I work in Figma. So if you have already or will drop a vid like this, it would be great!🙂
Fantastic video bro, legend.
Comments explain the value of this video. Thanks for letting us know how to master it! 🙌
Thank you so much!
I WANT A LIVE LESSON
this dude rocks!!! always helpful AF and c'mon, dudes so cool haha
Hahaha, thank you sooo much Renata!
Thank you man!
This video saved my life!! Best video ever. Thank you for everything. 💃 🌸 🌸 🌸
Thank you for the amazing support 🙏🏾
Great video, keep it up
agreeing with people below that this is awesome tutorial and excited to see ur other vids as a new sub
Thank you for the sub Daniel!
So grateful for your channel 🙌
Thank you so much! 🙏🏾 that means a lot
Hey! Thanks so much for this video!
Thank you for supporting!
Thanks for sharing the Auto Layout & Resizing | Tutorial Concepts tutorial
Anytime! 🙏🏾
Absolutely golden content, actually figured this shit out in about 30 min! CZcams has taken over my formal education!
CZcams University for the people! ☝🏾 happy you got value 🙏🏾
You’re the best!! Thank you from Aus
🇦🇺
Thank you!!
This video thumbnail is literally me. Still getting used to figma after switching from sketch and I end up skipping on auto layout after losing my mind over it, even though I know it saves time once it’s figured out. Thank you for this tutorial!!
Haha happy the thumb resonated with you! It definitely takes some time, but once you have it locked in like second nature, you’ll be flowing faster through your mockups and wireframes 🔥🙏🏾
I want a live sessionnnn😅. this is so good
Very professional content creator. Take love, Boss.👌
Thank u so much! 🙏🏾
extremely helpful! tyvm
I'm happy you found it helpful! Thank youu for the support 😁
Good stuff man. You explained it well. I'm getting better everyday at this shit.
Glad you are! Thanks for the support! 🙏🏾
Good tutorial. No wasted words and you didn't build a button. Everyone builds a button and calls it button.
Thank u! And yes I agree, it’s always a button right? 😂
Awesome explanation!
Thank you!!
fire tutorial and beat
🙏🏾🙏🏾🙏🏾
this is great
Beautiful tutorial
Thank you!!
Thanks brother
I agree with the others, this is one of the best videos on the subject - period. Thank you, Anik! Insta-subbed 🔥
Thank u so much! 🙏🏾
Thanks a lot
Thank you
very helpful
You are a legend mate🙌🏻
Appreciate you fam 🙏🏾
bruh new sub here keep it fire!!! much appreciated
Thank u Michael! 🙏🏾
Great video mate! I want live session!!!!
🔥🔥🙏🏾🙏🏾
Great content!
Want more!
Please convey a live session!
Thank you! Let’s go! 🔥🔥🔥
this is fire!
Appreciate you!
Thank you so much
You're most welcome!