Documentation

SVG designs

Procedural waves, shapes, gradients and patterns, stored as their settings and drawn as vector at any size.

Insert, SVG design makes waves, organic shapes, gradients, dots, circles and geometric patterns from a few settings, and adds them as a vector element.

Generators and settings

Colours
Up to five, design tokens included
Density and detail
How many things, and how intricate each is
Amplitude
How far shapes swing from calm
Layers and direction
How many bands, and which edge they rise from
Seed
Randomize picks a new one; the same seed draws the same design

What is stored

The settings, not a picture. The design is drawn from them in the canvas, thumbnails, print and export, so it stays sharp at any size and a token colour follows the design system. Select it to change any setting later.