BusiSVGpatterns
Follow these steps and you are done in a few minutes.
1
Step 1Pick a pattern from the library on the left. Twenty-six of them, in seven families.
2
Step 2Move the sliders. Every pattern shows only the settings it actually uses, and the drawing follows straight away.
3
Step 3Set the colours, or let the palette generator build one from a single colour: mono, complementary, analogous, triad or split.
4
Step 4The seed makes a random design repeatable: the same seed with the same settings gives exactly the same drawing, also in a year.
5
Step 5Check the repeat: one tile, three by three, five by five, or the seam test that puts the join in the middle of your screen.
6
Step 6Take it out as SVG, PNG, a ready CSS background or a data URI. The SVG opens in Illustrator, Affinity and Inkscape and pastes straight into Figma.
7
Step 7Done, or something went wrong? Open the dashboard and start over with a clean sheet.
Something not working? Open the dashboard and start over with a clean sheet.
