Back to Plugins
Griddr

Griddr

Generate beautiful, randomized grid patterns for backgrounds and textures.

Plugin Preview

Griddr 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

Version2
CreatedFebruary 7, 2026
Last UpdatedFebruary 7, 2026
Categoryshapes-colors
Creatoralexandroff 💣
Stats9 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none