How to make your first seamless pattern

A step-by-step tutorial — from a blank tile to a finished, exportable repeat.

If you've never designed a repeating pattern before, this walkthrough takes you from an empty canvas to a polished, seamless pattern you can download and use. It takes about ten minutes, needs no design experience, and everything happens in your browser. Follow along with the editor open in another tab.

What you're actually building

A seamless pattern is made from a single square tile. Whatever you arrange inside that tile is repeated over and over, edge to edge, to fill any surface. The whole craft is in designing one tile that looks good on its own and looks good when copies sit next to it with no visible seam. PatternMaker handles the hard part — wrapping — for you, so you can focus on the design.

Step 1 — Open the editor and meet the layout

Open the tool. You'll see three areas: the element library on the left (shapes, icons, lines, templates and more, split into tabs), the tile canvas in the middle where you build your design, and the live preview on the right showing your tile repeated in a 3×3 grid. Keep an eye on that preview — it's the true test of whether your pattern works.

Step 2 — Pick a background

A pattern reads best against a defined background. Set a background colour for the tile first — a soft, muted tone works well because it lets your motifs stand out. You can always change it later, so don't overthink it. If you'd rather keep it see-through for a product or overlay, you can leave the background transparent and export a transparent PNG at the end.

Step 3 — Add your first element

From the left panel, click an element to drop it onto the tile. For a first pattern, a simple motif works best — a circle, a small leaf, a star, or an icon like a heart. It appears in the centre of the tile, selected and ready to edit.

With the element selected, use the properties panel to:

• Resize it by dragging a corner handle — aim for something that leaves plenty of breathing room around it.
• Recolour it with the fill picker so it complements your background.
• Rotate it a little if you want a less rigid, more hand-placed feel.

Step 4 — Build the repeat by crossing the edges

Here's the single most important technique. To make a pattern feel rich rather than like a lonely dot in a box, drag some elements so they hang off the edge of the tile. When a motif crosses an edge, PatternMaker automatically draws the missing part on the opposite side, so the copies interlock perfectly.

Try it: add a second copy of your motif and drag it until it pokes out over the top edge. Look at the live preview — you'll see it reappear along the bottom, stitching the rows together. This is what turns a grid of separate shapes into a flowing, seamless pattern.

Step 5 — Fill the gaps and vary the scale

Now add three or four more elements to fill the empty space. The goal is even visual density — no big blank areas and no crowded clumps. Two habits make patterns look professionally designed:

• Vary the size. Mix a few larger "hero" motifs with smaller filler elements. Uniform sizes look flat; varied sizes look intentional.
• Avoid straight rows. Offset your motifs so they don't line up in obvious columns. A scattered, slightly random placement reads as more organic.

Keep glancing at the preview. If one area looks heavy, move or shrink an element there; if a corner looks bare, drop a small motif into it.

Step 6 — Refine the colours

Once the layout works, tighten the palette. Patterns look most cohesive with a small set of colours — often just a background plus two or three motif colours. Select elements and adjust their fills until the whole tile feels unified. If you want guidance on picking a palette, see choosing colours for a pattern.

Step 7 — Export your pattern

When you're happy with the 3×3 preview, you're done — export it:

• Choose PNG for direct use on the web, in documents, or for print-on-demand and fabric. Pick a larger pixel size (2000 or 4000) for print.
• Choose SVG if you'll open the pattern in a vector tool to edit or scale it infinitely.

Not sure which to pick? Our SVG vs PNG guide breaks down when to use each. You can also open the Mockups view to see your pattern on a t-shirt, mug or tote before you commit.

You've made a seamless pattern

That's the whole workflow: background, motifs, cross the edges, balance the density, tidy the colours, export. Once it clicks, you can make a new pattern in a couple of minutes. Try a themed one next — botanical, food, geometric — or start from a ready-made template and change it to your taste.

Keep learning: How seamless tiling works · Designing patterns for fabric · Choosing colours · FAQ