Design · Web app
Vector Fields
A Figma plugin for generating customizable vector field patterns
Vector Fields is a free, open-source Figma plugin by Daniel Destefanis that creates complex generative patterns using lines, dots, or custom SVGs. It lets designers adjust parameters like rotation, spiral, strength, and spacing directly in the plugin interface before sending the resulting vector layers into a Figma frame. It is particularly useful for creating generative background textures, posters, and album artwork without manual drafting.
What it's for
- Generate generative vector background patterns for digital or print designs
- Create complex poster and album artwork using repeatable mathematical fields
- Populate Figma frames with organized grids of custom SVG shapes oriented by field forces
Features
- Pattern generation using lines, dots, or user-provided custom SVGs
- Parameter controls for offset, rotation, spiral effect, strength, size, and spacing
- Direct export button to send generated vector layers into the Figma canvas
- High-density grid support (e.g., 128x128 matrices)
Pricing
Free and open source
Details
- Type
- Web app
- Category
- Design
- Topic
- Figma Plugins
- Open source
- Yes
- Platforms
- Web, macOS, Windows, other
- For
- Figma designers, generative artists, and graphic designers
- Tags
- figma, generative art, vector, patterns, design tool
Why it was saved
- @daniel__designs: Generative pattern art that would be hard to build manually (e.g. a 128×128 frame with hundreds of vector layers) — useful for posters, album art, backgrounds.
Related
AI design platform generating editable vectors, 3D graphics, and photorealistic images
Searchable library of brand and tech SVG logos.
Library of over 60,000 icons across multiple visual styles
Open-source icon library available across web frameworks, design tools, and SVG
Customizable isometric icon library with multi-angle preview and SVG/PNG export
Create melted gooey typography in Figma using Boolean unions and corner radius
Updated