Figma Layout Grids Free Figma Template

Figma Layout Grids - Free Figma Template

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 ofMaterial Design,Bootstrap, andFigma.

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

This freebie Figma Layout Grids was originally shared by UI Prep on this url.

The category for this freebie is . Tools used to create this freebie are Figma and Adobe XD.

Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask UI Prep nicely and they will probably allow you to use it.