Grids Generator
by Jacky Lee
Apply any frame with grid styles configurations inspired from Google Chrome's element inspector. Each number is a multiplier of 4px.• Horizontal padding (1 - 1…
Installs
15,385
Likes
505
Users
73,631
Views
42,275
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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.