Building Responsive UI Components in Figma

Let’s explore the components of responsive UI design using Figma. We will dive into the different techniques and best practices for creating adaptable and user-friendly interfaces. Join me as we uncover the secrets of building responsive designs in Figma and take your UI skills to the next level! ... Remember to Subscribe goo.gl/6vCw64
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.co...
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.i...
🖥️ ////////// I Build websites in Framer
framer.link/jesse
📅 ////////// I run my life with Notion
affiliate.noti...
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/13...

[@mariangeldiaz1395]

I'm a graphic designer with a little knowledge on html and css and I think is very important for us as designers to start understanding how things are actually built on code and match this with our work. This video does exactly that. Thank you!

[@jimmydiepdesign]

Best explanation of responsive vs adaptive layout I've seen so far. I was having trouble with using auto layout, but now I fully understand it after watching your video. Thanks!

[@josh_ux]

Excellent video Jesse! Been watching your content for years. Great display of wrapping components with min/max widths. Bravo!

[@JesseShowalter]

Much appreciated! If you like my content you’d love my new course 30dayui.com

[@pilovasques]

Jesse, this is the ultimate guide to learn how to go responsive, a gold mine! Thanks for sharing!

[@JesseShowalter]

Glad it was helpful!

[@SamuelYau-x3r]

That breakpoint plugin is a game changer, nice one J!

[@angelovergara]

One of the most helpful tutorials I've personally seen. Looking forward to more?

[@JesseShowalter]

Always more KZbin videos coming but if you want more also check out my course www.30dayui.com/

[@Milchenkaa]

Absolutely genius explanation!

[@Phantasmentia]

Super helpful! Thank you for this!

[@gabriel_figmaplayer]

Thanks for sharing this important topic. I love the way you explained. ❤

[@hasko09]

1:35 that 📌 example was a really good example and actually I was having a very hard time understanding constraints

[@ShaikhFaqrunnisha]

This video was extremely helpful, Thank you very much!

[@DickRockafella]

As a developer, I’ll be sharing this with my UX colleagues. It’s a great example of adaptive and responsive layouts, and follows similar principles to flex box layout.

[@SparkInteractive]

Awesome Work Jesse ! Thank you

[@ABNxRamirezx11]

Bro!!! This is great information!!!!

[@FlorianBeaufreton]

@BastiUi, même ton nom apparaît dans des tutos anglo. Quel succès !

[@JesseShowalter]

👍🏼👍🏼👍🏼

[@Md.Master-m8l]

Thanks.That's very helpful.

[@okagideon4922]

This is amazing ... Thank you bro

[@lachocolatada]

Best tutorial ever!!! I totally enjoyed it and learnt a lot --as I do with all your tutorials. Thanks Jesse! :) Cheers from Spain.

[@JesseShowalter]

Glad you enjoyed it!

[@muzahidulislam983]

best explanation. very helpful.

[@alstroemerialigtu]

Great tutorial! Thanks :)

[@myrasworld2104]

Really well explained 🙂

[@alliialpha]

thanks for your tutorial❤❤❤

[@JesseShowalter]

You're welcome 😊

[@designaddict-l2x]

I learn so much from you😇

[@JesseShowalter]

Thanks so much

[@AnastasiiaYevtushenko-n7i]

I agree with the others - the tutorial is really good! 💜But the problem with that "funky behavior" remained in my design. I did exsactly, what you said, but it didn't help. Please help me out 😓

[@AnastasiiaYevtushenko-n7i]

btw it works with blush pics, but it doesn't work with photos

[@mr.rayparis]

The best explaination

[@JesseShowalter]

👍🏼👍🏼👍🏼

[@hamidui9733]

thank u brother

[@mkentrepreneur009]

Awesome video Jesse i really learnt so much new things

[@JesseShowalter]

Glad to hear it!

[@marketing_designer]

Thank you for knowledge from Ukraine 🇺🇦👏

[@motionraycreatives]

tHANK You

[@waqariqbal19]

Amazing

[@ysnerbdj]

Why I don't have constrains

[@designaddict-l2x]

summary of this vedio:😁 # Frames The children adapt when the parent changes # Autolayout The parent change if the children change

[@JesseShowalter]

Good summary

[@facundogimenez1679]

Bro the music is pretty loud on this one 👀

[@FaezeDalili-lm3dn]

that's highly recommended🤌

[@JesseShowalter]

Thanks