I'm currently working on some data visualisations and need pattern fills for Figma and SVGs that use pattern fill type for my devs. It's been a bit of a pain getting assets that play nice with Figma AND output nice SVGs for my devs. Figma works better with tiled PNG patterns (even though you can do svg patterns) and doesn't export SVGs nicely if you want a pattern fill type.
I've tested this with SVGs from:
...and it works perfectly.
Coloreus was particularly annoying because I love its outputs and customisability. However, getting it to reliably export a PNG with transparent stripes so that I could tile that in Figma was a nightmare. The PNGs never quite looked like the SVGs. SVG Patternator solves that with more granular and reliable control over fills and strokes, so the exported PNGs look exactly like the SVGs.
What's more, with the way Figma works with tiled PNG patterns, what I really wanted was to be able to reliably export white stripes against a transparent background. This lets me then layer the white stripes on top of our Design System fill colours in a colour style, thereby allowing me to better mimic some semblance of using our Design System colours even though I'm also using a PNG.
Yeah the UI's kinda generic-meh, but I don't care. I just want my tool that spits out nice deterministic results and this is exactly that.
This all runs locally in the browser and doesn't require an interwebs connection.
1.1.0 - Added option to rotate SVG.