Use code: 9EBBJU7 for 20% off of Patterne PRO lifetime

Vector patterns, effortlessly.

Vector-based pattern generator for Figma. Generate complex repeating layouts, dynamic variations, and custom shape textures in seconds.

Download Patterne on Figma Community
001

Line

Classic repeating lines. Adjust spacing, thickness, rotation angle, color, and opacity.

Adjustment options
  • Quick angle set
  • Angle
  • Line Weight
  • Spacing
Line Pattern
002

Swirl

Twisted swirl wave patterns. Adjust strength, radius, seed, angle, spacing, and thickness to create smooth flowy lines pattern.

Adjustment options
  • Angle
  • Line Width
  • Spacing
  • Strength
  • Radius
  • Seed
Swirl Pattern
003

Grid

Evergreen square grid pattern. Adjust spacing, thickness, rotation angle, and opacity.

Adjustment options
  • Quick angle set
  • Line Weight
  • Spacing
Grid Pattern
004

Grid+

Technical/blueprint grid pattern. Adjust subdivisions, and choose intersection element accents: dots or pluses.

Adjustment options
  • Intersection accents
  • Plus/Dot size
  • Subdivisions
  • Skip frequency
  • Line Weight
Grid+ Pattern
005

Tunnel

Create deep 3D tunnel illusions using concentric geometric shapes. Choose option from square, rectangle, round, oval, and planes. Adjust the depth, subdivision, spacing, angle, and apply inner or outer fade-out effects to enhance the perspective.

Adjustment options
  • Concentric shapes
  • Scale Line
  • Show Dots
  • Divisions
  • Line Weight
  • Perspective
  • Depth
  • Fade out
Tunnel Pattern
006

Hexagon

Interlocking honeycomb outlines. Adjust cell size, line thickness, vertical/horizontal orientation, color, and opacity.

Adjustment options
  • Orientation
  • Line Weight
  • Size
Hexagon Pattern
007

Triangle

Triangular pattern. Adjust size, spacing, vertical orientation, distribution pattern, and dynamic flow variances. Combine this with "brick" distribution to create alternating triangle position.

Adjustment options
  • Orientation
  • Size
  • Spacing
Triangle Pattern
008

Wave/Zigzag

Smooth oscillating wave lines or sharp alternating zigzag lines. Adjust line spacing, amplitude (size), wavelength/frequency, thickness, angle, color, and opacity.

Adjustment options
  • Wave/Zigzag styles
  • Line Weight
  • Amplitude
  • Frequency
  • Spacing
Wave/Zigzag Pattern 1
Wave/Zigzag Pattern 2
009

Ripple

Concentric ripple patterns (supporting Circles, Squares, Diamonds, and Hexagons). Adjust spacing, line thickness, radius boundaries, color, opacity, and apply a fading out effect to outer rings.

Adjustment options
  • Shape Types
  • Origin position
  • Line Weight
  • Start size
  • Gap
  • Fade out
Ripple Pattern
010

Dot

Classic polka dots. Adjust size, spacing, distribution, color, opacity, and dynamic flow variances.

Adjustment options
  • Size
  • Spacing
Dot Pattern
011

Square

Uniform square grids. Adjust size, spacing, 45-degree rotation for diamond shape, distribution pattern, dynamic flow size, and opacity variances.

Adjustment options
  • Orientation
  • Size
  • Spacing
Square Pattern
012

Strips

Rectangular, slanted, and pill-shaped tiling. Adjust width, length, orientation (vertical/horizontal/diagonal), spacing, distribution, and dynamic flow.

Adjustment options
  • Shape Types
  • Orientation
  • Thickness
  • Length
  • Horizontal spacing
  • Vertical spacing
Strips Pattern 1
Strips Pattern 2
013

Herringbone

Repeating interlocking parquet pattern. Straight and rotated option. Adjust width, length, spacing, layout alignments, and apply dynamic variations to color and opacity to create elegant architectural textures.

Adjustment options
  • Angle preset
  • Line Weight
  • Thickness
  • Length
Herringbone Pattern
014

Cross

Symmetrical cross motifs. Adjust size, spacing, 45-degree rotation and turn it to X shape, distribution pattern, and dynamic flow variances.

Adjustment options
  • Cap style
  • Orientation
  • Size
  • Spacing
Cross Pattern
015

Checkerboard

Alternating dual-tone squares, race flag or chess board style. Adjust size, spacing, 45-degree rotation, color, and opacity.

Adjustment options
  • Orientation
  • Size
Checkerboard Pattern
016

Topography

Organic contour lines. Adjust spacing, line thickness, noise scale (size), complexity (length), color, and opacity.

Adjustment options
  • Detail variant
  • Line Weight
  • Scale
  • Seed
Topography Pattern
017

Maze

Intricate labyrinth paths. Adjust line spacing, thickness, seed (length), diagonal rotation, color, and opacity.

Adjustment options
  • Orientation
  • Line Weight
  • Seed
  • Spacing
Maze Pattern
018

Seigaiha

Traditional Japanese wave pattern. Adjust size, subdivision, overlap depth, line thickness, mode (outline or fill), color, and opacity.

Adjustment options
  • Outline / Fill mode
  • Line Weight
  • Size
  • Subdivision
  • Overlap depth
Seigaiha Pattern
019

Custom

Use any shape a.k.a bring-your-own-shape. Adjust scale, spacing, distribution, organic wave distortion, dynamic flow size and opacity variances.

Adjustment options
  • Uniform / Spacing sync
  • Size
  • Horizontal spacing
  • Vertical spacing
  • Seed
Custom Shape Pattern

Advance Features

Spice-up pattern by applying various effects with Patterne's advance features.

Seamless

Automatically wrap elements around the frame edges to create perfectly tileable textures that scale infinitely without visible seams.

By default Patterne does not generate seamless pattern and focus on balancing the shape on the generated pattern. By activating this feature, it force Patterne to calculates all four edges to be seamless.

Some patterns do not support seamless mode (e.g. topography, ripple, etc).

Scale With Target

Patterns automatically adjust their scale relative to the frame size. Resize your target frame and the pattern intelligently scales to maintain proportions.

Select the target Frame, and upon generating pattern, Patterne will calculates visual density of the pattern to stay proportional to target frame, ignoring the setting sliders.

Dynamic Flow

Give dynamic movement effect to the pattern. Control direction of movement, adjust size variant, and opacity.

LinearLinear (to left)
RadialRadial
RandomRandom
Organic WaveOrganic Wave
Some patterns are not compatible with Dynamic Flow. Organic Wave need dense pattern for better result.

Distribution

Take control over how elements tile across your canvas. Patterne offers multiple variations to perfectly map elements:

GridGrid
BrickBrick / Staggered
HexHexagon
JitterJitter (scattered grid)
CircularCircular
DiagonalDiagonal
SunflowerSunflower (spiral)
Distribution is not available for patterns with continuous lines like Line, Grid, Zigzag, Wave, etc. Sunflower distribution works best with dense pattern layout.

License

Upgrade to Pro to unlock all patterns.

Lifetime Access

Pay once, own it forever. Includes all future updates and pro patterns.

Lifetime access$50

Subscription

Flexible access to all pro features on a monthly or yearly basis.

License Details

Each license key is valid for 1 active device/Figma account at a time. You can transfer it anytime.

Sharing your license key is strictly prohibited and may lead to automatic deactivation of your Pro access.

Changelog

v.1.4.0

Preview & Custom Frame Fixes

25 Jun 2026
  • Preview improvement for better performance
  • Fix custom selected frame causing engine overload
  • Cleanup bleed excess on Tunnel's Planes variant
  • General adjustments and fixes
v.1.3.5

New Seigaiha Pattern & Custom Spacing Fixes

23 Jun 2026
  • New pattern: Seigaiha (a.k.a Japanese Wave)
  • Fix vertical spacing on Custom shape
  • General adjustments and fixes
v.1.3.4

New Swirl Pattern & Simplification

20 Jun 2026
  • New Swirl pattern, bringing total of 16 shapes + 1 custom.
  • Optimized Topography, path simplification, and reducing vector node count. New variants: "Simple" and "Detailed".
  • Automatic color detection now detects layers only if its name contains "pattern". Default to black when nothing is selected. Additionally it now smartly detects stroke/fill color and applies it depends on selected shape in the plugin.
  • Adaptive preview background. Change to black if the detected color is white or close to it.
v.1.3.3

Custom Spacing Locks & Flow Refinements

14 Jun 2026
  • Fix Dynamic Flow linear for Line shape
  • Dynamic Flow linear now available for Ripple shapes too
  • Implemented spacing-to-width auto-adjust for Line and Ripple shapes
  • Fix Ripple 'square', 'diamond', and 'hexagon' shapes, now using miter joins for sharp corners (also applied to Wave/Zigzag when sharp option enabled)
  • Fix Maze end cap to be sharp, instead of rounded
  • New Dynamic Flow Linear options: 'center', 'edge' for all shapes that support it, with additional 'default', 'reverse' options for Line shape
  • Fix Tunnel shape for 'rectangle' to force rectangular shape regardless of frame's dimension ratio
  • Fix Cross sizes when dynamic flow is applied
  • Minor adjustment to default line thickness for Strips shape
  • Smart fill or stroke detection fallback to black color
  • Fix traversal loop to detect layer with name "Pattern" on selected element
  • Fix Triangle shape default position
  • Refactored Custom shape: Seed is now available if multiple custom shapes are selected
  • New Custom spacing locks: Uniform spacing (lock spacing to size) and Spacing only (lock vertical and horizontal spacing)
  • Fix: keep the dynamic flow and distribution panel open, while still able to generating pattern while it opens.
v.1.3.0

New Tunnel Pattern

12 Jun 2026
  • Added a brand new Tunnel pattern for deep, 3D illusion effects. Support for multiple shape variations within the tunnel: Square, Rectangle, Radial, Oval, Round, Planes. Set sub-divisions, perspective, depth length, and inner fade out.
  • Detect existing pattern color and apply the color to plugin
  • Dynamic flow linear is now available for line shape. It creates thick to thin lines.
  • Various minor adjustments and performance improvements