Generator

About this plugin

The first node-based plugin with the power to create generative art right in Figma, no code required.

Generator is a multiplier for your imagination, whether you are making randomized abstract backgrounds or detailed intricate patterns, visualizing JSON data or generating a complete color system from a single seed color.

What users are saying

1. “Generator became integral to my visual design workflow in less than a week. The most important thing is that it allows me to view art not as impulsively splashing colors into a canvas, but as building blocks and fitting modules. Generator truly is a way for art to transmit logic into emotion.” — @hunktwink123

1. “Thank you for teaching the class on Generator for our generative design course! My students used Generator to make a lot of awesome stuff and loved it!“ — @i_dianov

1. “Visual programming methods open up the possibilities of generative design for specialists who are far from writing code. Generator’s user-friendly interface and integration into Figma are a strong argument for both professionals and students to start learning this tool.” — @novichkovnet

1. “Designers looking to systemize their brand work will want to learn this tool. I use Generator for brand work that requires precise and procedural designs. It's the ultimate way to codify graphics. And because you are in control it's easy to develop unique illustration systems using your own parameters.” — @grazsebastian

How Generator improves your work

1. Nodes automate working with shapes, colors, numbers and text. You can have precise control over all aspects of your designs.

1. Generated results are regular editable Figma objects which you can instantly use in your existing Figma workflow.

1. Fearlessly experiment with infinite variations by automating just a few parameters.

1. Everything can be randomized — this is your secret weapon. When creativity struggles, use randomness to get inspired by unexpected and delightful results.

1. Real data can be used to drive your designs. Fetch JSON from the web and visualize it in any way that you need.

1. Connect Generator values to Figma variables. This gives you an unprecedented level of automation and control for your design and color systems.

Generator on Youtube | X | Discord | Telegram