Back to Plugins
GR1D

GR1D

Grid-based drawing tool for create pixel-perfect icons, logos and graphics

Plugin Preview

GR1D preview

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 breaksFeatures:Drawing- Automatic snap-to-grid stroke placement- Circle and square brush shapes- Configurable grid dimensions (3×3 to 12×12)- Adjustable radius, spacing, and marginsModes- 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 designsExport Options- Direct paste to Figma- Multiple size presets (16×16 to 64×64)- Export as filled shapes or linesAdditional 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

Plugin Details

Version1
CreatedJuly 17, 2025
Last UpdatedJuly 17, 2025
Categoryediting & effects plugins
CreatorYNWU
Stats40 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://cdnjs.cloudflare.com
    • http://fonts.googleapis.com
    • http://fonts.gstatic.com
    • http://unpkg.com