Master Responsive Grids (Rows & Columns) in Figma

What grid to use for desktop? Tablet? Mobile? And why? In this video you'll learn exactly that!

Timecodes
00:00 Intro
00:28 Rows
03:22 Columns
08:30 Responsive Columns

[nikachuchu]

this is the first 'no-bullsh*t' video on grids that I am seeing on YT. Thanks for keeping the world sane Tim!

[joseparamas]

They are the best tutorials on YouTube. They solve all your doubts better than others.

[hossamayman]

I'm thrilled to have started using Figma, and even more delighted to have discovered your channel ❤

[MissAnimequest]

omg thank you so much you literally saved my life, my adobe suddenly stopped working and i was so clueless about how to make these grids in figma THANK YOU <3

[sandrobeltran]

As a developer I love this video, thank you for your content, I'm learning English so excuse me if I don't wrote it well

[steelstunners]

Very clearly and concisely explained with no fluff or filler – Amazing vid thanks!

[emiliaticiano]

Thank you, it was really valuable and so clear to understand. Don't need any other videos to watch anymore.

[andrescastillo]

This information is pure gold! So valuable, thanks again Tim, you're the best teacher. Chao! :D

[dafyourbae]

very detailed explanation, keep consistently making content like this

[AliRushSongs]

You’re one the best people on YouTube man really appreciate your effort.

[mohiuddinsiddiqui]

ROWS:
Gutter: 8px / Count: 100 / Type: Top / Height: 8px
COLUMNS:
Desktop: Gutter: 20px / Count: 12 / Type: Stretch / Margin: Depends on your container (usually 1440px frame)
Tablet: Gutter: 16px / Count: 8 / Type: Stretch / Margin: 32px (834px frame)
Mobile: Gutter: 16px / Count: 8 / Type: Stretch / Margin: 32px (375px frame)

[Drnehaprasad]

Thank you so much for sharing your knowledge🌼

[lilyshevchenko]

Wow you're a miracle worker! You packed so much knowledge in a such an intuitive and concise manner. Thank you!

[nobir]

8:23
actually I cried... 😭
Thank you for mentioning that I really appreciate...

I am a fullstack developer. I know a little bit figma but not pro like you. and I learn lots of the things from you Thank you so much

[dungaribateka]

Been watching your videos for a few days and they are really good and straight to the point compared to many other folks out there. Leaving this appreciation comment here for you! Keep up the excellent work❤

[michaelandreuzza]

That synthwave feeling 💪💪 super bra video Tim. Tack så jättemycket!

[SamAssadi]

use the center option with 75 px coulmn width, this gives you 1120px container. if you add the 10px space on each side that is by default how website builders calculate the space between elements, 10 px on each side, you'll get a perfectly accurate 1440 container with 10px margins

[Stoic_Cat_]

Thank you so much for this!!! Gonna remember the standard measurements by heart in my future prototypes :)

[TheCzemp]

Premium content, everything explained in easy to digest way, good work 👌

[alvarojflores]

Thank you, Tim! For sharing your resources and knowledge. Be healthy and successful! 👍🏻💪🏻