Nick Babich shows how to create a responsive grid system and explains the difference between Center and Stretch grid types, as well as how to calculate the right gutter and margin for different viewports. See also his layout grid cheat sheet.

Gary Simon makes a controversial case for not using grids in design. My 2 cents: grids help reduce the number of decisions you need to make, and maintaining a large set of mockups laid out with guides instead of Auto Layout sounds like a nightmare. That said, I think grids and Auto Layout should be added after figuring out the right direction, spacing, and hierarchy, not in the beginning.

Ozan Öztaskiran shows how to create responsive grids in 5 simple steps.

A really detailed guide by Molly Hellmuth on spacing and layout grid best practices based on Material Design, Bootstrap, and Figma.

Molly shares a few takeaways from recreating a responsive Asana dashboard in Figma.

Miguel with a tip on setting up a lightweight baseline grid with Layout Grid.

Cool to finally see an official video from Figma on using this hidden technique! See also my old article Using Constraints with Layout Grids in Figma, explaining the same approach.

“In this Figma Tip, learn to set up a 4px baseline grid using layout grids, and how to set offset values to your text blocks using auto layout to account for fonts’ different baselines and keep a consistent vertical rhythm in your designs.”

Live-building Sign-in and Registration components for the official Tailwind UI Figma kits.

An interactive article that aims to help you pick, set up, and use Layout Grid in Figma.

Joey Banks shows a nice use case for combining Layout Grids with Constraints. For a deeper dive, check out my older article on this feature.

Great video by Figma55 channel, explaining how to use stretchy Layout Grids in conjunction with Constraints. It’s based on my article from a few weeks ago, but video is a great medium to demonstrate that trick.

While working on the book, I learned about a powerful way to arrange objects using a combination of Layout Grid and Constraints. I wrote a short article for Pro​to​typr​.io explaining how it works.