Figma Grids Cheat Sheet 👇

There are 3 types of grids in Figma:

💎 Stretch layout grids
This type of grid adapts to the size of the frame and responds to its resize. It is also called the "Responsive Grid".

💎 Fixed layout grids
In this grid type, Figma will keep the original constraints of each object with the frame, not the grid.

💎 Baseline grids
This grid is built around the actual baseline that the text sits on. In many 8-point grid systems, a 4-point baseline is used.

You can use multiple grids in one frame to create nested grids.

🔶 Many designers pick a favorite grid size and work with it in various projects. What is your go-to grid size for each screen?

hashtag#ux hashtag#uxui hashtag#uidesign hashtag#userinterface hashtag#uxdesign hashtag#figma hashtag#userexperience hashtag#userexperiencedesign
Activate to view larger image,