Dot Grid'ed

About this plugin

Grid'ed: The Ultimate Custom Grid Generator for Figma by rjariviTired of using static image grids or spending hours measuring out precise pixel layouts? Grid'ed is a powerful, lightning-fast grid generation tool designed to create mathematically perfect, fully-vectorized grid systems directly inside your Figma frames.Say goodbye to manual duplication and hello to instant, pixel-perfect layouts. Let your creativity run wild with deep customization, whether you need a minimalist dotted background, a structured engineering blueprint, or an intricate pattern built entirely from your own SVGs!✨ Key Features5 Native Grid Types: Instantly generate classic Dots, intersecting Lines, sharp Squares, Apple-style Squircles, and geometric Triangles.Bring Your Own Vector: Upload any .svg file directly into the plugin to tile your own custom shapes, logos, or icons as a pristine grid array!Live Preview Canvas: Stop guessing! Watch your grid update dynamically in real-time right inside the plugin UI before you even hit generate.Intelligent Auto-Centering: Grid'ed reads your selected Frame or Rectangle, scales the grid slightly outward to prevent awkward edge cut-offs, and mathematically aligns the final vectorized group perfectly in the center.Dynamic Radius Slider: Go from 0% (Square) to 100% (Circle) dynamically using the Corner Radius slider. We utilize Figma's native cornerSmoothing math to ensure every curve between 30% and 45% feels like a premium iOS App icon.Precise Fractional Controls: Dial in exactly what you need with dedicated inputs and silky-smooth sliders for Grid Spacing (px) and Element Size (px).🎨 Built for Designers, by DesignersGrid'ed doesn't just work well; it feels great to use.Premium Interactive UI: Enjoy a sleek, dark-mode native interface that feels like an organic extension of Figma.Color Spectrum Picker: Instantly select custom grid colors with hex-code precision or use our beautiful conic-gradient interactive color wheel.Smart Canvas Context: Select any Frame or Rectangle on your canvas, and Grid'ed will automatically read the dimensions to pre-fill your settings—saving you precious clicks.🕹 How to UseSelect any Frame or Rectangle on your Figma canvas (or just open the plugin on an empty canvas).Choose your base shape: Dots, Grid, Squares, Triangles, or Custom SVG.Use the sliders to adjust your Grid Spacing, Element Size, Corner Radius, and Color.Watch the Live Preview update instantly.Click "Generate Grid" and watch as Grid'ed builds a perfect, grouped array of vectorized shapes directly onto your canvas!