Figma Layout Grids for Figma and Adobe XD

Figma Layout Grids - Freebies for Figma and Adobe XD

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 categories for this freebie are Uncategorized. 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.

Figma Layout Grids is a free Figma template. We really hope you will enjoy this free Figma template. Adobe XD version for this template is also available.

If you are a Figma user, this free Figma template will be helpful to kickstart your project.