Cross stitch grid editor

Make your own cross stitch pattern square by square. Stitch, fill, draw lines and pick colours from the full DMC range; your chart saves itself in this browser.

Floss key
SymbolDMC flossStitchesSkeins
0 colours00

Designing a motif from scratch

  1. Set the size first. Decide the finished size, then work back: a 4-inch hoop on 14-count Aida holds about 56 stitches across, less a margin. The calculator does this sum.
  2. Block in shapes with Fill and Line, then refine edges with single stitches.
  3. Shade with two or three neighbouring shades of one colour family (for example DMC 3865, 3072 and 647 for white fur). Search the palette by name to find families.
  4. Check the stitched preview. It shows how the crosses look on fabric; hard edges that look fine as squares can look jagged as crosses.
  5. Print — the printout splits big charts into pages of 60 × 80 stitches with numbered edges and a key with skein counts.

Keyboard shortcuts

  • P stitch · E unpick · F fill · L line · I pick colour
  • Ctrl/⌘ + Z undo · Ctrl/⌘ + Shift + Z redo

Blank charts

Prefer pencil and paper? Print cross stitch graph paper at the true size of your fabric count.

Questions stitchers ask

Is my design saved?

Yes, in this browser only (localStorage). It is kept until you clear the chart or your browser data. Use “Save design file” to keep a copy or move it to another device.

Can I use it on a phone?

Yes. Tap or drag to stitch. Zoom in with the slider so each square is big enough for your finger; the chart scrolls inside its frame.

What do the bold lines mean?

Every tenth grid line is bold, the same as printed charts, so you can count in tens on the fabric. Numbers along the edges mark every ten stitches.

How do I add a colour that is not in the palette?

Search by DMC number or colour name, or paste a hex colour and the editor adds the nearest DMC floss by CIEDE2000 colour difference.

Can I turn a photo into a chart here?

Use the photo converter on the home page, then press “Edit stitch by stitch” to open the result in this editor.