Responsive design in Figma with Breakpoints

The Breakpoints plugin allows you to create truly responsive designs in Figma that switch between designs based on the width and/or height of a frame!

Thank you to my Patrons:
- Matthew Stenquist
- Sya Mace
- Lucas Pitchon
- Adele Guzman
- Roger Rizk
- Mohammed Virji
- Carissa Pray
- Matthew Farquharson
- Priya
- Qasim Zahid
- Clau Marin

Brought to you by:

[victoronwukwe]

This is the best resource on responsive design, Thank you Sekei

[MrtnX]

Dude, I literally needed this right now. Just got an assignment a few days ago and this pops up on my feed. Thanks a lot. Easy to follow and I finally managed to success working with nested auto layout.

[sajidmoinuddin]

this is one of the best tutorials i have seen on "how to make responsive layouts in figma"! thanks a ton Sekei..

[maimounah]

Thank you so much for this tatorial, this exactly what I want 👌👏

[henkegiaretta]

This is crazy…the way you utilize shortcuts and auto layout

[milomakesstuff]

Thank you for the video!
Currently prepping for my first ever UX Design position and these kind of videos really help me preparing for the job!

[dnewfpw]

this makes the life of a front end dev so much easier when he or she has to come up with a mvp design or in frame work
thank you man

[stephenaaronosborn]

Don’t listen to the comments. This is great and I think it’s important for designers(myself included) to understand breakpoints and be able to actually go through this process.
Great video! Thank you.

[rtubiras]

Just finished watching the video and I would like to thank you for how straightforward and knowledgeable your video was. Subbed!

[Jennie-otmz]

Thank you so much for this! Especially explaining why one would want to do this, and your advice on skipping it if the resources aren't there. Very helpful! Will definitely check out more of your content here and on your other channels.

[seferdima]

the only video which is really about the responsiveness. thank you!

[heyandre.design]

I'm currently enrolled in a 9-month intensive bootcamp, and all I can say is...the world would benefit from a UI Masterclass by Sekei Design :)

[kimpham]

Hi Sekei. I enjoyed your video, however some suggestions I have would be to not have your video of your face covering important aspects we may need to look at, such as the constraints section on the side to the right. I was a bit confused when I was resizing my frame at one point and realized it did not look the same as in the video. I later realized it was because I did not have the proper constraints, because in this video your constraints was covered. Thank you.

[ikcwznq]

Wow, After watching several videos concerning auto layout, you just get me back on the track. Thanks alot man

[AliRushSongs]

You have a different league. Always I learn something from you. Thanks

[CRAismyname]

this is the best video I've seen that describes the breakpoints plug in. Especially inspired by the way you documented at the component level! Nice work 👏

[marpla]

Thanks for this, also needed this ...keep this path my friend.
Argentina present.

[MrJmhess]

Sekei this vid is amazing! Thanks for sharing your knowledge. For the record...I had no idea about the IG/TT post. Keep the videos coming as i love the way you approach your designs

[restinart]

today is my interview and just before half an hour watched your video and did practical..😅😅

[joelx.]

This was awesome! Thank you for the wonderful, easy, and applicable lesson.