Documentation Beta

ixo Help & Docs

Everything about the cross-stitch pattern editor — from your first stitch to a print-ready PDF.

The editor is in public beta, so the UI may change slightly. This page is updated with each release.

Quick start in 5 steps

ixo is a cross-stitch pattern editor that runs right in your browser. No install, your files stay with you. You only need three minutes to get going.

Step 1. Open the editor

Go to ixostitch.com and click “Open editor” — or jump straight to /editor.html. Loading a pattern is optional: the editor opens with an empty 30×30 canvas.

Step 2. Set the pattern size

The “New” button in the top toolbar opens a modal — enter width and height in cells (up to 200×200 on Free). Already working? “Resize” changes the canvas without erasing stitches.

Step 3. Pick a colour and a tool

On the right is the palette panel. Click “+ Color” to open the DMC picker. Search by number (321) or name (Red). On the left is the vertical toolbar: cross, half cross, backstitch, bead, knot, eraser. Tooltips show on hover.

Step 4. Draw

Left mouse button draws, right erases. Wheel — scroll, Ctrl/+wheel — zoom, Space+drag — pan. Every action can be reverted with Ctrl+Z (Mac: +Z).

Step 5. Save

“Save” in the toolbar opens a format picker:

  • OXS — the working stitching format (opens in Pattern Maker, MacStitch, FlossCross).
  • PDF — print-ready pattern with cover, colour key and chart pages.
  • PNG — image for previews and sharing.

If you are signed in, the pattern is also auto-saved to the cloud (3 slots on Free).

GIF: opening an empty canvas → picking a colour → drawing 10 crosses → saving as OXS.

Canvas, grid and navigation

The canvas is the editor’s main workspace. The coordinate grid shows where you are drawing; the rulers above and to the left help you orient.

Size and zoom

  • Pattern size is set in cells, not pixels. Standard Aida 14ct gives roughly 14 cells per inch.
  • Zoom: 25%–400% in 26 fixed steps. Controls: + / in the toolbar, Ctrl/+wheel on the canvas, or drag the “100%” chip in the status bar left/right (8 px = 1 step).
  • The “100% / Center” button restores the natural scale and centers the canvas in the window.

Grid and centerlines

Three visibility buttons live in the top-right of the toolbar:

  • Grid (#) — thin lines per cell. Auto-thinned at low zooms (at 25% only every 10th cell is shown).
  • Centerlines — dashed lines through the middle of the pattern. Handy for symmetrical compositions.
  • Rulers — cell numbers along the top and left. At zoom ≥75% every cell is labelled, with major ticks every 5.

Themes

The moon/sun button toggles light and dark themes. The choice is saved. Canvas, grid and ruler colours adapt automatically — the stitches look the same in both themes.

Fabric card

In the right panel, on the “About” tab, there is a fabric card. A click opens the “Fabric” modal: pick a type (Aida 14/16/18, Lugana, Evenweave 28ct) and a colour from the Zweigart palette or a custom hex. The fabric colour affects rendering: empty cells show in that exact shade — the pattern looks like a finished piece.

GIF: switching themes, toggling grid / rulers / centerlines.

Every tool in the editor

Tools live in the vertical toolbar on the left. Numbers in brackets are keyboard shortcuts.

Stitches

Full cross 1
The main stitch. Left button places, right erases.
Half stitch / 2
Half a cell on the diagonal from bottom-left to top-right.
Half stitch \ 3
Half a cell on the opposite diagonal. Direction is set in the properties panel.
Three-quarter W
A large triangle filling 3/4 of a cell. All four corners are available (TL/TR/BL/BR).
Quarter Q
A small triangle in the corner of a cell. Same 4 corner variants, picked in the properties row.
Petit
A mini cross filling 1/4 of a cell. The corner is chosen automatically by where you click.

Decorative stitches

Backstitch 4
A segment between two grid nodes. Press LMB on one point, release on another. Properties — strands (1 or 2) and snap (corners only / corners + side midpoints).
Bead 5
A circle in the centre of a cell. Colour follows the active palette colour.
French knot 6
A small dot at a grid node. Snaps to any grid point and side midpoints.
GIF: drawing a backstitch — two points, a line appears.

Geometry

Rectangle R
Drags from press to release. Properties: mode (outline/fill), stitch type, outline thickness 1–3 cells.
Line L
A Bresenham segment with adjustable thickness 1–3 cells. Useful for diagonal lines using half stitches.
Fill F
Flood-fill across neighbouring cells of the same colour. Works on the full-cross layer only.

Eraser and eyedropper

Eraser (E) clears stitches in a cell. Properties: brush size (1×1, 2×2, 3×3) and target — what exactly to erase:

  • All — every layer in the cell.
  • Crosses — only full / half / quarter / threeq / petit.
  • Backstitch — only lines.
  • Beads / knots — only S.beads / S.knots.

Right mouse button works as an eraser regardless of the active tool.

Eyedropper (P) — clicking a cell makes its colour the active palette colour.

Selection

Selection (S) — a marquee for copying and transforming.

  1. Drag a marquee — a rectangle appears.
  2. Click inside — it turns into a “floating fragment” (lifted from the canvas and following the cursor).
  3. Use the property buttons: flip H/V, rotate ±90°, copy (Ctrl+C), cut (Ctrl+X), paste (Ctrl+V), clear.
  4. Click outside the selection or press Esc — the fragment commits to the canvas.
GIF: select an area → rotate 90° → move it → click outside to commit.

Helpers

Hand (H) or holding Space — pan mode: drag the canvas, the cursor switches to a hand.

Symmetry (X) — cycles through: off → H (mirror over the horizontal axis) → V (over the vertical) → 4× (draws into all four quadrants at once: each stitch is mirrored across the centre on both axes, producing 4 copies). The current mode shows on the button (· / H / V / 4×).

Palette, colours and floss

All pattern colours live in the right panel, on the “Palette” tab. The fabric (background) always sits at index 0 — it cannot be removed.

Adding a colour

The “+ Color” button opens the picker. Available palettes:

  • DMC — 491 colours, the default for most patterns.
  • Anchor — 445 colours, with automatic DMC mapping in the “Equivalent” column.
  • Gamma, Madeira, PNK Kirovsky, Ljubica, Mill Hill (beads).

In the modal:

  • Search — by number or name.
  • Group filter — colour wheels (reds, blues, greens…) or series (for Mill Hill).
  • Custom hex — for non-standard colours via the “Custom colour” field.
  • ✦ Magic — finds the closest DMC for a given hex.
  • ⊙ Eyedropper — picks a colour straight from the canvas (or the background image, if it shows through).

Editing a colour

Clicking a swatch opens the edit modal:

  • Change colour — reopens the picker.
  • Blend — mix two DMC colours. Set the strand count for each (usually 1+1 or 2+1). In OXS such a colour is written as DMC 321 [+] DMC 906.
  • Symbol — pick a letter or shape for the black-and-white mode. 6 groups: geometry, special, arrows, patterns, letters, digits.
  • Equivalents — table showing the matching Anchor codes (or DMC if Anchor is active).
  • Delete — red button in the footer. Every cell using that colour is cleared.
GIF: adding a colour → editing → creating a blend → switching the symbol.

Colour variants

The same DMC can be added several times with different strand counts. For example, DMC 310 (2 strands) for the main outline and DMC 310 (1 strand) for fine detail. They are independent palindexes, but in “Floss usage” they collapse into one row.

Created via the “Create variant” button in the colour edit modal. Variants appear as grouped rows under the parent colour.

Sorting

A select above the list: “Default”, “By number”, “By cross count”, “By backstitch”, “Manual”. Dragging a swatch flips sorting to “Manual” and physically reorders (stitches are renumbered automatically).

Floss usage

The “Floss usage” button on the “About” tab opens a per-colour calculation table. Modes (top of the modal):

  • Skein fraction — estimate of how many skeins you need (1 skein = 6 strands × 8 m = 48 strand-metres).
  • Metres/yards of 6-strand cord — the length of the source cord.
  • Metres/yards of strands — total length of working strands (accounting for strand count).

The “Reserve” slider adds 0–50% to the result (15% by default). Sort by colour number, by usage, or manually (drag-and-drop).

Symbol conflict check

The 🔍 button in the palette header runs an analysis: it looks for pairs of colours with similar symbols sitting close to each other (within 5 cells). Useful before printing a black-and-white chart, so you don’t mix up O and 0, × and +.

Working with layers

A pattern is made of several independent layers. Each can be hidden or made transparent — the original data is never lost.

  • Background. An uploaded image (JPEG / PNG / PDF) — a reference you draw over.
  • Crosses. Every full cross, half cross, ¾ and ¼, petit.
  • Backstitch. Outline lines.
  • Beads / knots. Beads and french knots.

Controls

The “Layers” tab in the right panel. For every layer:

  • “Eye” — show / hide the layer. Hiding does not delete data, just hides it on the canvas.
  • Opacity slider — 0–100%. Transparent layers still accept clicks (you can draw “blind”, but it is not recommended).

When this is useful

  • Hide backstitch — while drawing crosses so the lines don’t get in the way.
  • Hide beads — when exporting a “crosses only” version.
  • Translucent background — to see how the pattern lies over the reference image.
GIF: toggling visibility for background + backstitch + crosses one by one.

Background image

The background is an image under the canvas you can draw over. It is not part of PDF/PNG exports, but it is saved in OXS as embedded base64 (adds 20–500 KB to the file).

Loading

On the “Layers” tab — the “Upload background” button. Supported:

  • JPEG, PNG — regular images.
  • PDF — loads the first page. If there are several pages, a picker modal appears with thumbnails.

After loading, the button changes to “Replace background”.

Positioning

Open the background for editing: click its row in the “Layers” panel (or press “Move” in properties). 8 handles appear on the canvas:

  • 4 corner handles (square) — proportional resize.
  • 4 side handles (round) — independent stretch along one axis.

Drag the centre of the background or the handles. Size is in cells, not pixels — the background snaps to the pattern grid.

Grid calibration

If the background already has a drawn grid (e.g. a scan of an old pattern), use calibration:

  1. Click “Calibrate” in background properties.
  2. Click the top-left corner of the grid in the background.
  3. Click the bottom-right corner.

The background scales automatically to fit exactly 10×10 cells of the pattern. You can resize manually afterwards.

Opacity and scale

  • Opacity slider on the “Layers” tab — 0–100%.
  • Precise scale — fields bg-scale-x / bg-scale-y in properties. Stretch one axis only, or link them with the lock.
  • “Reset scale” — returns to 1.0.
GIF: load image → drag → calibrate by corners → set opacity to 60%.

Import and export

Import

OXS (*.oxs) — open XML format. Compatible with MacStitch, Pattern Maker (export), FlossCross, Saga, Ursa. Every layer is preserved, including blends and colour variants.

XSD (*.xsd) — HobbyWare Pattern Maker binary format. ixo fully parses the palette (including blends and custom brands), every stitch type, backstitches, knots and beads. Special stitches (special, lazy daisy) are parsed into data but not yet rendered.

How to load:

  • The “Open” button in the toolbar → file dialog.
  • Drop a file onto the editor canvas.
  • Drop an image (JPEG/PNG) — it loads automatically as a background.
  • Drop a PDF — opens as a background with page picker.

Export

The “Save” button opens a modal with a radio format picker:

OXS

Full pattern with every layer, the palette and the background (if any). It is the working file — open it again in ixo or hand it to designers.

PDF

Print-ready stitching version:

  • Cover — pattern preview, name, author, size, colour and stitch counts.
  • Colour key — table with colours, DMC codes, symbols and the cross count for each.
  • Chart pages — blocks of 50×70 cells with coordinates around the edges.
  • Colour mode: “Color” (as in the editor) or “Black & white” (symbols only).

PNG

A picture of the entire pattern for previews. Supports “Color” / “B&W”. Useful for social media, email lists, marketplace thumbnails.

The “Copy as PNG” button copies the image to the clipboard without downloading a file.

Compatibility

  • Pattern Maker (HobbyWare): OXS — import ✓ / export ✓; XSD — import ✓.
  • MacStitch (DP Software): OXS — import ✓ / export ✓.
  • FlossCross (Saga): OXS — import ✓ / export ✓.
  • Ursa: OXS — import ✓ / export ✓.
  • StitchSketch (iOS): OXS — import ✓.
GIF: load XSD → render in editor → save as PDF.

Cloud, account and autosave

ixo works without registration too — every pattern stays on your device. An account is for syncing patterns across devices and surviving browser-cache clears.

Sign up

Account: ixostitch.com/cabinet.html. Two ways to sign in:

  • Google — click the button, pick an account.
  • Magic link — enter an e-mail, a sign-in link arrives by mail. No passwords.

Disposable e-mail providers are not accepted.

What syncs

  • Patterns — up to 3 slots on Free, unlimited on Pro (when it ships).
  • Profile — name, avatar, theme settings.

Local autosave

Independent of the account, the editor takes a local IndexedDB snapshot every 3 minutes (3 rotating slots). Restore is offered only after a crash — if you closed the tab normally, the next open starts on an empty canvas (slots are kept but not auto-restored).

A status indicator sits in the bottom-right corner: “modified” while you work, “saved N min ago” after autosave.

Deleting your account

In the cabinet — the “Delete account” button. Removed: profile, all cloud patterns. Local autosave slots remain on the device.

Keyboard shortcuts

On macOS, Ctrl in the tables below maps to .

Frequently asked

General

Is ixo free?

Yes — Free includes the entire editor: every tool, every mode, OXS/XSD import, PDF/PNG export, the DMC palette, 3 local autosave slots, patterns up to 200×200. A Pro tier with extras (patterns up to 600×600, PDF→OXS, server-side photo→pattern) is coming, but everything that works today stays free.

Where are my patterns stored?

Locally in your browser’s IndexedDB (3 rotating autosave slots). If you are signed in — also in the cloud on our server. Without sign-in patterns are tied to a specific browser and device.

What happens to my patterns if I clear browser cache?

Local autosave slots disappear. To avoid losing work, save to OXS regularly (Ctrl+S) or sign in — cloud patterns survive any cache wipe.

Can I use ixo on iPad?

The web build runs in Safari on iPad with a mouse or keyboard. Touch input (drawing with a finger, pinch-to-zoom) is in progress and lands in an upcoming release. A native iOS app is not planned.

Import & export

Which format is better — OXS or XSD?

If you work in ixo — OXS. It is the working format: it can be opened and edited in ixo, MacStitch, Pattern Maker, FlossCross. XSD is the Pattern Maker format used for purchased patterns; ixo reads it but always saves to OXS.

Why does my PDF look different from the preview?

PDF is rendered separately from the editor with a fixed cell size (8–16 px depending on the pattern width). Colours and stitches are the same, but the page layout splits into 50×70-cell blocks.

Cyrillic letters are missing from the PDF.

They should be there: ixo loads PT Sans from GitHub before generation. If the font fails to load (e.g. slow internet), Helvetica is used — Cyrillic in it can show as “???”. Reload the page and try again.

Can I import patterns from Pattern Keeper?

Pattern Keeper uses its own closed format (.pdf with special markers). Direct import is not available. The Pro tier will ship an automatic PDF chart parser — it will read both Pattern Keeper and scans of paper charts.

Tools and editing

I drew the wrong thing — how do I undo?

Ctrl+Z (Mac: +Z). One long mouse stroke counts as a single undo step — paint a big area and revert it with one press. The history limit depends on pattern size: 40–120 steps.

Can I copy a chunk of a pattern and paste it into another?

Yes: the “Selection” tool (S) → mark an area → Ctrl+C → open another pattern → Ctrl+V. The buffer lives in browser memory and is not shared between tabs.

How do I draw a frame?

The “Rectangle” tool (R) in “Outline” mode. Thickness 1–3 cells is set in properties.

How do I draw a diagonal lettering?

The “Line” tool (L) draws Bresenham diagonals. For type, drawing characters by hand or loading a pre-made alphabet as a background is more comfortable.

Palette

What is a “colour variant”?

The same DMC with a different strand count and/or symbol. Example: DMC 310 (2 strands, ✕) for the main outline and DMC 310 (1 strand, —) for fine detail. Created with the “Create variant” button in the colour edit modal.

What is blending?

Mixing two DMC colours in one needle — for example, 1 strand of DMC 321 + 1 strand of DMC 906. It produces in-between shades without introducing new SKUs. The palette renders it as a single swatch with two threads.

Can I use the Anchor / Madeira palette?

Yes. The colour picker has a palette switcher: DMC, Anchor, Madeira, Gamma, Mill Hill, PNK Kirovsky, Ljubica. The colour edit modal has an “Equivalents” section: with DMC you see Anchor matches and vice versa.

Where do I get the DMC catalogue?

All 491 colours are built into the editor. Hex codes come from MacStitch and have been verified against the official DMC scale.

Background and photo

Can I turn a photo into a pattern automatically?

Coming soon — the “Photo → pattern” feature. Upload a photo, pick the colour count and fabric type, ixo quantises the image into crosses. Free will go up to 150×150 cells with a fully client-side pipeline.

Is the background saved when exporting PDF / PNG?

No — the background is just a drawing reference. Exports include only stitches. OXS does keep the background, so you can resume work later.

Glossary of stitches and terms

Stitch types

Full cross
×
Half stitch /
/
Half stitch \
\
Three-quarter
¾
French knot
FK
Aida 14ct
14ct

Full cross (×). The base stitch: two diagonals corner-to-corner. Fills a whole cell. The most common — usually 80–95% of a pattern.

Half stitch (/, \). One diagonal. Used for backgrounds, highlights, soft transitions. / — bottom-left to top-right, \ — the reverse.

Three-quarter (¾). A full cross minus one of the four corners. Often paired with the opposite quarter of another colour for curved outlines.

Quarter (¼). A small triangle in a corner of a cell. A rare stitch used in highly detailed patterns.

Petit stitch. A full cross sized to a quarter of a cell. Used for very fine detail in faces and lettering.

Backstitch (BS). A straight segment between two grid nodes. Used for outlines, lettering, fine lines. Worked after the crosses.

French knot (FK). A small raised knot at a point. Eyes, berries, sparkles on clothes.

Bead. A bead sewn onto the fabric. ixo supports the Mill Hill catalogue.

Technical terms

Aida / canvas
Cross-stitch fabric with a regular grid of weaves. Size is given in count: 14ct — beginner standard, 16ct — finer, 18ct — for advanced stitchers.
Strand
One thread out of six in a skein of floss. Standard is 2 strands on Aida 14ct; 1 strand for fine backstitch; 3+ for large counts.
OXS
Open XML format for cross-stitch patterns. Alternative to closed .xsd and .pat. Spec: ursasoftware.com/oxs.
XSD
HobbyWare Pattern Maker binary format. Common in purchased patterns.
Palette
List of colours used. In OXS — the <palette> section. In the editor — the right-hand tab.
palindex
Internal index of a colour in the palette. 0 always = the canvas (background); working colours start at 1.
DMC
French thread maker, the de facto standard for cross stitch. 491 colours.
Anchor
British thread maker. Mapped to DMC via a built-in conversion table. See the full DMC ↔ Anchor conversion chart →
Symbol mode
Black-and-white display mode: instead of coloured squares — symbols. Useful for printed patterns.
Blending
Mixing two colours in one needle — for example, 1 strand of DMC 321 + 1 strand of DMC 906.