Quilt Block Designer Online - Design Patchwork Blocks on a Grid

Use the free tool below: your data never leaves your browser — all work happens on your device, and nothing is uploaded to any server.

Design a quilt block before you cut a single piece

Quilt blocks look simple in a finished quilt, but the design step is where most mistakes happen. A colour that looks good on the bolt can vanish next to its neighbours, and a pattern that sounds balanced can turn out lopsided once it is sewn. This designer lets you test a block on screen first: place coloured squares, half-square triangles and diamonds on an eight by eight grid, rotate pieces, delete mistakes, and export the finished design as a picture. No fabric is cut until the design looks right.

The tool runs entirely in your browser using the Fabric.js canvas library. Nothing is uploaded to any server, and your design stays on your device. The grid is eight squares by eight, which suits most classic blocks: a nine-patch uses a three by three section, a sawtooth star fills the full grid, and a log cabin grows outward from the centre. Each grid square is one unit of the block, so a design that works on this grid can be scaled to any finished block size.

How to use the designer

Pick a colour from the palette. Eight colours are offered, from deep red to pale cream.
Pick a shape: square, half-square triangle, or diamond.
Click a grid square to place the piece there.
Click a placed piece to select it, then rotate it by 90 degrees or delete it.
When the block looks right, export it as a PNG picture to keep or share.

A worked example

Start with a simple nine-patch. Fill the four corners and the centre square with dark red, and fill the remaining squares with cream. The result is a calm, classic block that works in any quilt. Now change one thing: replace the centre square with a diamond in gold. The block suddenly has a focal point, and the eye goes straight to the middle. That single change is the kind of experiment that costs an evening in fabric but takes ten seconds on screen.

Next, try a sawtooth star. Place cream squares in the corners, red squares at the midpoints of each edge, and triangles pointing outward around a dark centre. If a triangle points the wrong way, select it and rotate it until it points correctly. Rotating on screen is free; unpicking a sewn triangle is not. When the star looks balanced, export the picture and use it as the cutting guide for the real block.

Tips for good block design

Limit the palette. Three or four colours plus a background usually beat eight colours fighting for attention.
Check the value, not just the colour. Squint at the design: if two colours blur into one grey, they are too close in lightness to sit side by side.
Design at least four blocks together in your head. A block that looks plain alone can look wonderful repeated, and a busy block can look chaotic repeated.
Save every version you export. Comparing two pictures side by side is easier than remembering how the first version looked.

Common mistakes

The most common mistake is designing one block and assuming the quilt will look like it. Quilts are made of repeated blocks, and repetition changes everything: secondary patterns appear where blocks meet, and a strong diagonal in one block can become a zigzag across the quilt. Always imagine the block tiled four across and four down before cutting.

Another mistake is ignoring contrast at the seams. Two pieces that look different on the palette can look identical once sewn, if their lightness is similar. The squint test catches this before the sewing machine does. Finally, remember that the designer shows colour, not texture: a print fabric will read differently from a flat colour, so test the real fabrics as a small swatch stack before committing.

Who uses a block designer

Quilters use it to audition colour combinations without cutting into precious fabric. Teachers use it to show students how a block is built, one piece at a time. Guilds use it for block-of-the-month challenges, where every member works from the same exported picture. Design first, cut second, and the sewing stays enjoyable.

Quilt Block Designer Online – Design Patchwork Blocks on a Grid