New freebie for Figma is here. Grid layout system based on the latestest UI/UX trends.

Jump start your design process with layout grids that follow all the best design and implementation practices of Material Design, Bootstrap, and Figma.

The download includes a Figma design file (.fig) with the following:

Layout grid styles

• Column (fixed): small, medium, large, extra large
• Column (fluid): small, medium, large, extra large
• Modular (fixed): small, medium, large, extra large
• Modular (fluid): small, medium, large, extra large
• Baseline: small, medium, large, extra large
• Manuscript: small, medium, large, extra large
• Container: small, medium, large
• Padding: small, medium, large

Responsive layouts 

• Fixed behavior: small, medium, large, extra large
• Fluid behavior: small, medium, large, extra large

Constraint examples

• Card with image on top
• Card with image on left

Type “0” to download it for free.

Figma Layout Grids freebie was designed by UI Prep

Similar UI Resources for Figma

• Vuejs Admin Dashboard
• Unsplash Free Web Theme
• Data Table Figma UI
• Medical Tabs UI Kit