On this page
About Vector Fields
Vector Fields is a free Figma plugin published by Daniel Destefanis in 2024. It works in Figma Design and FigJam and has 9,542 users and 897 likes on the Figma Community. It ranks #12 in Patterns on our lists.
In the developer's words
Vector Fields is a generative tool that helps you play, tinker, and hack together patterns made from shapes.
Make visually stunning graphics by playing with different vector field presets.
Use dots, lines, arrows, triangles or even custom SVGS to create... stuff.
Some tips
- When you select a frame, the plugin will automatically adjust the SVG you're building to fit. If it has a background color, it will also use it!
- Selecting any vector on your page will use it in the patternwhichmakes it easy to create new ideas.
- Upload a custom SVG by selecting "custom shape" under the shape dropdown and paste your svg in.
- Use the reset button to undo any changes you've made.
- Play with the column and row counts, anything over 100 will make your computer chug so just be patient when rendering!
There may be some bugs so let me know if you run into any! Also feel free to request features! <3
What's new
Version 2 · released Jul 11, 2024
- A few bug fixes and new art
Permissions and privacy
Network access
Vector Fields declares no network access, so it runs entirely inside Figma and can't send your file anywhere.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Vector Fields ranks
Vector Fields alternatives
- 1
Wave & Сurve
by Andreslav Kozlov
178K users3KFree - 2
Pattern Creator
by Viachas Kul
59K users763FreeCreate a background pattern from segments in seconds
- 3
Patterns generator
by reemo
57K users219Free🔄 Generate repeat patterns in a single click
- 4
Sine wave
by Varun
46K users318FreeAdd sine (or cosine) waves to your designs to make them standout a bit.
- 5
WaveCraft: Beautiful backgrounds, banners and headers
by Amila Sampath
42K users183FreeGenerate SVGs macOS Big Sur waves within Figma and create beautiful backgrounds, banners and headers
- 6
Grid Patterns
by Ilias Manolis
15K users168FreeQuickly create simple grid patterns for your designs.
Vector Fields FAQ
What does Vector Fields do?
Generate patterns, vector fields, and general chaos with svgs. It's a Figma plugin by Daniel Destefanis that runs in Figma Design and FigJam.
Is Vector Fields free?
Yes. Vector Fields is free to install and run from the Figma Community, with no paid tier listed.
Is Vector Fields safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Vector Fields declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Vector Fields?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Vector Fields?
By user count, the closest alternatives are Wave & Сurve, Pattern Creator and Patterns generator. Compare all of them on the best Figma plugins for patterns.
Built this plugin?
Use this page as a landing page for Vector Fields: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/vector-fields/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Vector Fields on figmaplugins.co" width="220" height="48"></a>