How seamless patterns work

A short guide to designing repeating patterns that tile with no visible seam.

A seamless pattern is a design that repeats edge to edge in every direction with no visible join. In JUMI PatternMaker everything you compose lives inside a single repeating tile. Whatever you place in that tile is repeated across the canvas to form an infinite pattern, and the live preview shows exactly what your export will produce.

The repeating tile

Think of the tile as one unit cell of your pattern. The tile is copied left, right, up and down to build the full repeat. You control how dense the pattern feels by changing the tile size: a smaller tile packs the repeat tighter, a larger tile spreads it out. Add shapes, icons, botanicals, blobs, text or your own uploaded artwork, then arrange them inside the tile.

Straddle the edge

The secret to a clean repeat is the tile edge. Any element that crosses an edge is automatically redrawn on the opposite side, so the two halves meet perfectly when the tile repeats.

Push elements across the edges on purpose. The wrapped copy fills the opposite side and ties the repeat together.
Place an element's centre exactly on an edge and it sits half inside and half outside. Its wrapped copy on the far edge meets it with no seam.
Rotated elements use their true rotation-aware bounds, so wrapping stays accurate at any angle.

Snap guides and the grid

As you drag an element, magnetic guides help you place it precisely:

Centre guides appear when an element lines up with the tile's horizontal or vertical centre, and snap it exactly into place.
Edge guides mark the four tile edges and brighten when an element snaps to one, placing its centre on the edge for a perfect wrap.
The grid is an optional reference overlay for spacing elements evenly. It is a guide only and never appears in your export.

Preview as you go

The live 3 by 3 preview redraws on every change and shows exactly what your export will produce. What you see is what you get, so you can keep nudging elements until the repeat flows the way you want.

Ready to keep a copy? Export a true seamless SVG for design tools, or a high-resolution PNG tiled up to 8000 pixels for print and screen.

Try it now: open the editor, or read SVG vs PNG and using patterns in design tools.