Perspective floors, perfect-square grids, dot grids and layout grids for Figma, generated as real editable vectors. Precise grids without the hassle.

download

grid master

02 playground

The same controls as the plugin, running in the page. Switch modes, drag the sliders, type maths into the size boxes.

try it before you install it

live preview1920 × 1080
drag the red point to move the vanishing pointvectors: 0 lines
get the plugin ↓
03 modes

Every mode outputs a frame of real vector lines or shapes. Ungroup it and restyle anything.

four grids, one panel

01fig. 01 — one-point perspective

floor grid

Mathematically correct foreshortening for floors, rooms and product scenes.

02fig. 02 — perfect squares

flat grid

Enter a frame size and pick from every square cell that divides it evenly. No leftover pixels.

03fig. 03 — dot matrix

dot grid

Evenly spaced dots for notebook backgrounds and quiet alignment guides.

04fig. 04 — gutters & margins

layout grid

Column and row lines that cross at every intersection, for layout planning.

04 install

It's a development plugin: download the folder and point Figma desktop at manifest.json.

three steps, no build

01download

Grab the zip from GitHub and unzip it anywhere.

02import

Figma desktop → Plugins → Development → Import plugin from manifest… → pick manifest.json.

03run

Right-click the canvas → Plugins → Development → Grid Master by Rikki Janae.