Back to Plugins

Noise Grid Generator 2
Generate a grid of whatever you want with noise displacement, rotation and more...
graphic designgeneratornoisep5jsmotion designprocessingproceduralabstractvectoruigenerativecreative codingtexturegenerative design
Plugin Preview
About this plugin
Noise Grid Generator 2 is here!
Bringing elements of generative design to Figma now with new features!
You can now create a grid using any element as input, even components and components sets, and this is huge!
GENERAL GRID SETUP
- Define how many elements you want on the X and Y direction
- Specify the gap between them
- Tweak the effect adjusting the desired amount of displacement and the size of the noise.
ROTATION
- You can now rotate each element along the noise, creating very cool flow fields effects.
COMPONENTS and COMPONENTS SETS
- It is now possible to select and use a collection of component variants, this means that you can create cool randomised pattern using all those variants.
- Select if use a noise value to drive the grid or a fully random one.
CREATE AND KEEP EDITING
- Click Create and add the grid to your project
- Keep editing the elements in the grid using the generated component (if you are not using a component already) and edit all your grid elements without having to regenerate the grid!
ENJOY...and get GENERATIVE!
🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬🧬
Plugin Details
| Version | 9 |
|---|---|
| Created | April 14, 2023 |
| Last Updated | October 20, 2025 |
| Category | shapes-colors |
| Creator | G3N0M4 |
| Stats | 3272 installs, 343 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdnjs.cloudflare.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://static.figma.com
More Like This
Discover other plugins in the shapes-colors category.