GR1D

About this plugin

GR1D was originally created in p5.js for a personal project where I needed to draw a series of grid-based graphics. Creating different grid sizes repeatedly soon became tedious, so I built this tool to streamline the process. Within iterations, it started to feel fun to play with.

Try GR1D For:

- Icon and symbol design

- Pattern creation

- Abstract compositions

- Pixel art concepts

- Ideation sketches

- Drawing breaks

Features:

Drawing

- Automatic snap-to-grid stroke placement

- Circle and square brush shapes

- Configurable grid dimensions (3×3 to 12×12)

- Adjustable radius, spacing, and margins

Modes

- Standard: Click and drag to create continuous strokes

- Warp: Connect any two grid points with a single click

- Color: Apply random colors to each stroke

- Outline: Create wireframe designs

Export Options

- Direct paste to Figma

- Multiple size presets (16×16 to 64×64)

- Export as filled shapes or lines

Additional Functions

- Pattern generator ("Surprise Me")

- Keyboard shortcuts for efficient workflow

- Conway's Game of Life (Transform the grid into living cellular automata)

GR1D is free and open sourced on github.

৻( •̀ ᗜ •́ ৻) ✧ Hope you enjoy it!

by @ynwumk5