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 Instructions: Enable grid view (ctrl + g) Highlight a frame With the plugin open, toggle the grid options and you should see the grids being applied.
Grids Generator
开发 · 425 likes
Related plugins
- Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
- Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
- Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
- SkewDat
Skew any layer or group with all layers preserved to edit.
- Locofy Lightning - Figma to Code in a flash
Convert Figma designs to code in a flash - React, React Native, HTML, Angular, Next, Gatsby, Vue
- Figma to HTML with Framer
Convert your Figma design to HTML code in seconds with Framer.