Build a Grid System for better design in Figma

In this video I take you through how to setup a grid system so you can design for multiple responsive screen sizes quickly and easily.

Grids:
Desktop - 12 columns } 32px margin } 16px gutter
Tablet - 8 columns } 16px margin } 8px gutter
Mobile - 4 columns } 16px margin } 8px gutter

-- In this video --

00:00 Intro
00:48 Setup your frame sizes
01:31 Setting up the grid layouts
02:20 Add components to your new layout grids
03:46 Quick tip!
04:13 Make your layout grids global
04:47 Test your new layout grid styles

#figmatutorial #figmadesignsystem #uidesign #gridsystem #uxdesign #responsivedesign #figmatips

https://brom.design