Griddr
Generate beautiful, randomized grid patterns for backgrounds and textures.
Plugin Preview
About this plugin
Create stunning grid patterns in seconds with Griddr.
Whether you need a subtle background texture or a bold geometric design, Griddr gives you complete control over your pattern generation with a clean, easy-to-use interface.
Key Features:
✨ Smart Tiling: Patterns are automatically generated with half-gaps on edges, ensuring they tile perfectly when repeated.
🎨 Custom Shapes: Choose from Squares, Circles, Triangles, Hexagons, or use your own selected layers as custom shapes!
🎛 Full Control: Tweak Size, Dot Size, Gap spacing, and Colors with real-time preview.
🎲 Organic Variation: Set a minimum and maximum opacity range to create natural, randomized fading effects.
🌗 Dark Mode Ready: The UI adapts seamlessly to Figma's light and dark modes.
⚡️ High Resolution: Generates crisp, high-quality patterns suitable for any scale.
How to use:
1. Run Griddr.
2. Adjust parameters to your liking (watch the live preview!).
3. Select a shape or use "Custom" to pick layers from your canvas.
4. Click "Generate" to create a new pattern or update your selected layer instantly.
Perfect for adding depth to UI backgrounds, creating interesting social media assets, or building unique brand textures.
---
Created by Harry Alexandroff
Plugin Details
| Version | 2 |
|---|---|
| Created | February 7, 2026 |
| Last Updated | February 7, 2026 |
| Category | shapes-colors |
| Creator | alexandroff 💣 |
| Stats | 9 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the shapes-colors category.