Responsive layout grid fluid

Here’s my reading list for teams and solo designers:

Everything about grids by Thomas Lowry, Designer Advocate at Figma
https://www.figma.com/best-practices/everything-you-need-to-know-about-layout-grids/
πŸ”— Duplicate this file it’s the example of nested grids example from Tom’s article https://www.figma.com/file/KpGnFzwTnzpu2Z5T4CSFuQ/Layout-Grids?node-id=0%3A1
Here’s an embedded version you can explore

Create layout grids using frames or nest frames (hint they help auto layout settings when using grids)
https://help.figma.com/hc/en-us/articles/360040450513-Create-layout-grids-with-grids-columns-and-rows

Additional articles

Figma: How to build responsive and scalable grids for web-design
https://bootcamp.uxdesign.cc/figma-how-to-build-responsive-and-scalable-grids-for-web-design-9dd80a1e3668

Responsive layout grid guide for designers (part 1 is referenced, this is part 2 though)
https://uxdesign.cc/responsive-layout-grid-guide-for-designers-c3ba7d161bdf

Everything you need to know as a UI designer about spacing & layout grids
https://medium.com/design-with-figma/everything-you-need-to-know-as-a-ui-designer-about-spacing-layout-grids-2bc269e12321

The Comprehensive 8pt Grid Guide
Start your UI project right with this extended framework for the 8pt grid: Typography, Icons and Layout. Part 1
https://medium.com/swlh/the-comprehensive-8pt-grid-guide-aa16ff402179

Design System based on the 8pt Grid
This article is the 2nd in a two part series
https://medium.com/swlh/design-system-based-on-the-8pt-grid-2473ca5f0ae1