Figma Design System: 06 Layout and Breakpoints

[@nedal_hesham]

Thx man

[@saliuarts]

value information being dished out here for free. thank you sir

[@louyan2468]

Thank you for the quality of your explanation ! I can’t wait for the next part of the course ! Have a good day thanks you again for sharing your knowledge for free 😊

[@roshanakgolesorkhi2806]

I'm glad I found your videos, they're pretty awesome! 🥳👌

[@ChristopherDeane]

Thanks Roshana! I’m happy you’re enjoying them 🙂.

[@axeloord8741]

Instant like when you drop a new video, most underrated designer on KZbin!

[@ChristopherDeane]

Aww shucks, thanks! But I'm here to teach, not for the ratings 🤘.

[@ahzootube]

Enjoying the series! Keep em coming 🎉

[@JohnDoe-qh3rw]

Can't wait for the next one!

[@ChristopherDeane]

Shooting "07 Borders" on Monday (AU time) so it should be out that night or Tuesday 🙂.

[@JohnDoe-qh3rw]

@@ChristopherDeane Awesome, thanks for the hard work. Can't wait. :)

[@hardboiled2000]

This series is awsome, thankyou

[@GabrielPompilius]

Hey Chris. I'm wondering why you didn't set up a layout grid style for tablet in the tutorial. Thanks so much for sharing these - I'm finding it very helpful.

[@ChristopherDeane]

The desktop one can be used on a tablet and scales down when you change the width to 1024px 🙂

[@Hamdouche.M]

Loved the video! Would be awesome if you could do a follow-up showing how to use these components to build random landing pages

[@ChristopherDeane]

That’ll come much later. We’re covering design tokens first, then components, then designing with FDS. Stay for the ride and you’ll learn everything you need to know in time 🙂.

[@abdul-UIUX]

Another awesome addition to this FDS series! I'm wondering how many use cases there could be for the typography variables.

[@ChristopherDeane]

I'll be doing responsive styles that can also be used on native apps, you could even have the native app collection cover accessibility sizing 🤘.

[@guillermocast01]

2:17 😮😮😮

[@ChristopherDeane]

I know right? Thank Abdul-UIUX for that one 🤘🙂.

[@francescof96]

Hi Christopher, really super useful and very clear material! I have a small doubt about the typography variables part. I still don't understand the advantage of creating a new collection of only typography breakpoints? Why can't I just create them directly with the modes?

[@ChristopherDeane]

This will become clearer in the next episode where I take you all through type variables. They include responsive text sizing modes and in those modes we also have the frame width so the frame resizes automatically 🙂.