Back to Plugins
Vector Fields

Vector Fields

Generate patterns, vector fields, and general chaos with svgs

illustrationsgeneratorplaygenerationsvgpatterngeneratingmeshvector fielddotsline

Plugin Preview

Vector Fields preview

About this plugin

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 pattern which makes 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

Plugin Details

Version2
CreatedJuly 10, 2024
Last UpdatedJuly 11, 2024
Categoryediting & effects plugins
CreatorDaniel Destefanis
Stats2431 installs, 689 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none