Get Started with Generista

Introduction

Generista is a powerful Figma plugin that helps you use generative design techniques to create amazing artwork without coding. There are many ways you can use it. Here are just a few of them:

Poster with a Vector Field Pattern
Audio Recording Widget

How it works

You can think about the plugin as a grid generator that clones an object you select and applies a bunch of modifiers to change some properties of this object. By doing that, you can create a vast variety of patterns.

There are five modifiers you can experiment with:

  • 2. Rotation
  • 3. Position
  • 4. Scale
  • 5. Opacity
  • The general flow of creating generative artwork with the plugin looks like this:

    Here is an example of generating a grid of items and randomizing its rotation property:

    General Generation Flow

    GRID

    It generates a grid with an object you selected by the size of C (columns) by R (rows) and offset for X and Y axes.

    Creating a 2D grid

    The way the 2D grid generator works is very straightforward. However, remember that you can use it to create a 1D sequence by setting columns or rows to 1.

    1D sequences of size 8x1 and 1x8

    It might be useful for creating different types of graphs.

    Creating graphs with a 1D sequence

    You might also want to generate a certain number of clones without any offset at all to make effects like this:

    Randomized rotation and Randomized scale examples of 10 clones

    VARIANTS

    If you select an object that has different variants, you can randomize generated clones within all possible permutations. Using variants, you can encapsulate the randomization of colors, shapes, or even images.

    Randomizing variants with different colors and shapes
    Randomizing variants with different images

    There are three modes for the variants' randomization:

    random

    For each generated clone, the plugin randomly picks one of its possible variants' permutations. It's completely random. Each pick isn't affected by what was picked before. It doesn't have memory.

    Generating variants permutations with random

    sequence

    This mode allows you to generate all permutations in the order they were defined in the master component. If the number of clones was bigger than the amount of possible permutations, the sequence would be started over.

    Generating variants permutations with sequence

    ranseq

    This mode is a mix between the modes above: **ran**dom and **seq**uence. As the sequence mode, it sequentially generates all instance's permutations but in random order.

    As you can see in the example below, in each row, you have one unique color. But their order is randomized.

    Generating variants permutations with ranseq

    RANDOM / NOISE

    Coming soon...