Figma

Figma Layout Grids

Layout Grids System for Figma

Easy to change grid system for Figma

Responsive Grid Layout Asset for Figma

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 DesignBootstrap, 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

Download freebie
Similar UI Resources for Figma

Please share and show some love :)

You may also like