/figma-grids-generator

Apply any frame with grid styles configurations inspired from Google Chrome's element inspector. Each number is a multiplier of 4px.

Primary LanguageTypeScript

Figma Grids Generator

Figma Plugin

Figma Grids Generator - Generate layout grid styles on the fly | Product Hunt Embed

Apply any frame with grid styles configurations inspired from Google Chrome's element inspector. Each number is a multiplier of 4px.

  • Horizontal padding (1 - 12)
  • Vertical padding (1 - 12)
  • Max width (960px / center aligned)
  • Max width (960px / left aligned)
  • Show 12 columns

To run locally:

$ npm install
$ npx webpack