Using your patterns in design tools

Export a seamless pattern, then put it to work in the tools you already use.

Once your pattern looks right in the live preview, export it and bring it into your design software. Export a seamless SVG when you want to keep editing or scaling, and a PNG (up to 8000 pixels) when a project just needs a ready to use image. Here is how the two formats fit common tools.

Vector tools: Illustrator and Affinity Designer

Import the SVG straight into Illustrator or Affinity Designer. Because PatternMaker exports flat vector geometry, the shapes arrive intact and editable rather than as an empty box. From there you can recolour, combine tiles, or define the artwork as a repeating swatch or pattern fill to paint across any object.

Recolour individual shapes to match a brand palette.
Make a swatch and fill logos, shapes or type with your pattern.
Scale freely to any print size with no loss of quality.

Figma, Canva and web design

Figma and Canva work best with the PNG export. Drop the PNG in as an image fill or a background layer, then tile or scale it to taste. For crisp results on high-density screens, export a larger PNG size than the frame you are filling.

Photoshop and photo tools

Open the PNG in Photoshop or your photo editor of choice. Because the export is already seamless, you can use it directly, or define it as a pattern (Edit, then Define Pattern) to fill any layer with a repeat that lines up cleanly.

Fabric, print on demand and backgrounds

Seamless patterns are ideal for surface work. Upload a high-resolution PNG to a print on demand or fabric service, or use the SVG where a vector master is preferred. For a website, a tiled PNG makes a lightweight repeating background that covers any screen size.

Tip: keep the SVG as your editable master and export a PNG whenever a specific tool or service needs a plain image. Both come from the same design, so they always match.

Start designing: open the editor, or read how seamless patterns work and SVG vs PNG.