GR1D
Grid-based drawing tool for create pixel-perfect icons, logos and graphics
Plugin 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
| Version | 1 |
|---|---|
| Created | July 17, 2025 |
| Last Updated | July 17, 2025 |
| Category | editing & effects plugins |
| Creator | YNWU |
| Stats | 40 installs, 8 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the editing & effects plugins category.