In this tutorial, I will show how to create a responsive layout grid in Figma. You will learn the difference between Center and Stretch grid types, as well as how to calculate the right gutter and margin for different types of viewport (desktop, tablet, and mobile). At the end of the video, I will share the reference to the grid system.

00:30 creating a grid for desktop viewport
03:40 creating a grid for tablet viewport
04:15 creating a grid for mobile viewport
04:47 example of the responsive grid system

#figma #figmatutorial #layoutdesign