Grids Generator
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 columnsInstructions:Enable grid view (ctrl + g)Highlight a frameWith the plugin open, toggle the grid options and you should see the grids being applied.
Plugin Preview
About this plugin
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 columnsInstructions:Enable grid view (ctrl + g)Highlight a frameWith the plugin open, toggle the grid options and you should see the grids being applied.
Plugin Details
| Version | 1 |
|---|---|
| Created | May 10, 2020 |
| Last Updated | May 10, 2020 |
| Category | Software development |
| Creator | Jacky Lee |
| Stats | 15264 installs, 498 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code