Responsive Design in Figma: Crash Course 2023

If you struggle with responsive desktop, tablet or mobile design in Figma — this is the video for you to finally grasp it.

Timecodes
00:00 Intro
02:48 Figma Intro
03:48 Figma Auto Layout, Constraints & Resizing
11:05 Breakpoints & Grids
17:24 Changing Sizes

[nitzshou]

this was incredibly helpful. been designing for years and have never done this however now that im creating a website in framer, this has saved me probably 20 hours of headache!

[jacquelinetse]

Wow THANK YOU THANK YOU THANK YOU for making all your videos. I'm doing the Google Coursera UX course right now and they keep saying you need to design your sites to be responsive and yet there is barely any detailed instructions on why and how that can be done. I am so grateful to you for breaking it down step by step. You are an awesome teacher! Please keep doing what you are doing!!!!🙌👏🤟

[olabisifolashade]

This is an awesome teaching. I've watched many videos that left me confused but this is so detailed. Thank you

[andrescastillo]

It feels so good to see that all that I have learned from your past videos is applied here and that most of the things you showed here I have already practiced in real life! I still learned a lot of new stuff from this video. I would love to see more of this topic with a deeper approach! I still feel that I improvised when it comes to creating landing pages and that kind of stuff at my job haha. Thanks, Tim! <3 (nice shirt!)

[lukaveedev]

Bro, this was amazing.. Really helpful! Loved the video

[AdelaidaButeler]

Thank you Tim. I didn't find anyone who explains like you. Super easy. I really really appreciate it:)

[yoshikotezuka]

I have been watching hundreds of figma tutorials but yours are the most clear and practical one! Thank you so much and please keep doing this!

[Harry.pMosimabale]

LOVE YOUR TEACHING MAN THANK YOU SO MUSH IT'S WAS REALLY HELPFUL.🙏🙏🙏💙💙

[relja_]

So grateful for finding your channel. You are answering every thought i ever head will working in figma. Keep it up! I can tell the way you create your layouts that they are very easy to organize in css code which i really like. Hope that the channel keeps growing.

[Kisatsu]

Amazing, best video I've seen so far about responsiveness, auto-layout and constraints all together. Simple, straightforward, great explanations of how and why. Great work!

[StoriesMails]

I love how organized all your content is and it all follows a logic. Great video quality, pleasant voices and overall glad I found your channel! Wish you more followers! 🔥

[PrernaGujar-hk]

The way you teach slow and steady is best.

[joelwalters]

Finally!! This is the first tutorial I've found that explains responsiveness in a way I can understand. Good job:)

[Sasasala]

Just can't believe what I'm learning from your channel Mr Gabe! Me and my girlfriend are moving from graphic to UI UX design, your channel right now is probably the simplest, most direct and comprehensive content on Figma and UI design, I want to thank you so much for this! Remember this comment because right now I'm out of a job (because I'm changing careers) but soon I'll have a portfolio ready and will come back to tell you the good news about my new job, I'm certain of it. Your channel has being helping SO MUCH.

[varshinisankaran]

hands down the best tutotrial, OMG thanks!

[designservices]

excellent video. very knowledgeable. Thanks

[Rubiacosttacom]

The way you teach its so easy to understand! It's just sad that Figma has updated, and som e of the stuff doesn't work this way anymore...

[matevzpor]

Thanks a lot for sharing your knowledge with everyone, you're definitely one of if not the best go-to Figma and design teacher on youtube, at least for me

[ZeDfriT]

Men your audio and video quality is so clean, loved your content. Thanks a lot! Hug from Argentina.

[djashawe]

You're good at explaining things! Everything is on point, examples, speed, amazing user experience! 🤓👍💯