Figma Plugin · Seamless Patterns

Generate Seamless
Patterns in Figma

Select a layer and generate repeating patterns or grids. Repeater mode for linear or radial spreads. Grid mode for rows × columns with rotation, scale, and opacity control.

Repeater & Grid
Rotation & Scale
Variant Support
Install Free on Figma
What Snappattern Does

Repeater & Grid Patterns

Select a layer and generate repeating patterns or a grid. Control rotation, scale, and opacity per clone.

Repeater Mode
Pattern

Repeater Mode

Duplicate layers in a line or spiral. Set amount (2–100), distance, rotation per step. Control direction with a 2D pad.

Grid Mode
Pattern

Grid Mode

Fill a rows × columns grid. Set spacing, then tweak rotation (random, sequence, or Perlin noise) and scale per cell.

Rotation & Scale
Style

Rotation & Scale

Rotation: random from list, sequential cycle, or noise for organic variation. Scale: XY gradient, random from list, or min–max range.

Opacity Control
Style

Opacity Control

Repeater: start–end range with interpolation. Grid: range or random from a comma-separated list of values.

Capability

Component Variants

For component instances, pick Random or Sequence to cycle through variant properties across clones.

Capability

Update In Place

Regenerate and the plugin clears the previous pattern and creates a new one from your current settings.

Repeater
Grid
Appearance
36
100
10
Direction
0 → 100
Opacity
Repeater

Linear & Radial
Spreads

Set amount (2–100), distance between clones, and rotation per step. Use the direction pad to pick x,y. Opacity interpolates from start to end. Scale grows by a percentage per clone.

AmountDistanceDirection PadOpacity RangeScale %
Repeater
Grid
Grid
5
5
24
Rotation
Random
Sequence
Noise
Scale
XY
Random
Range
Grid

Rows × Columns
With Variation

Define rows, columns, and spacing. Rotation: random from a list (e.g. 0, 90, 180, 270), sequential cycle, or Perlin noise for smooth organic variation. Scale: XY gradient, random from list, or min–max range. Opacity: range or random from comma-separated values.

Rows × ColsRotation ModesScale ModesOpacity Random/Range
How It Works

Four Steps to Patterns

Step 01
01

Select a Layer

Select one or more layers on the canvas. Component instances unlock variant cycling (Random or Sequence).

Step 02
02

Pick Repeater or Grid

Repeater for linear/spiral patterns. Grid for a rows × columns layout with spacing.

Step 03
03

Tweak Settings

Set amount, distance, rotation, opacity, scale. For grid, choose rotation and scale modes.

Step 04
04

Generate

Click Generate. The plugin clones your selection and applies transformations. Regenerate to replace the previous pattern.

Ready to Build Patterns?

Install Snappattern on the Figma Community. Select a layer and generate. Free tier: 10 generations.

Install Free on Figma
Free to StartRepeater & GridFigma Community