Grids
Here, grid refers to everything you need for layouts, since they're primarily driven by the grid: spacing, column structure, vertical rhythm, spacers, etc.
Column Grids
These set the horizontal rhythm of your page. By default, they're variable width in propotion to the canvas size.
12 columns wide
The default settings. Number in box denotes the “span” of the column.
Note: in code, the default container width is 92vw, but in Figma it's 1312px in order to perfectly align with the pixel grid.
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
5
7
6
6
7
3
2
8
4
9
3
10
2
11
1
12
Baseline Grids
These set the vertical rhythm of your page. BY default, they’re a fixed height, in 4 px increments.