Quilt Layout Planner

Quilt Layout Planner

Block-field plan only. Dimensions are centimetres; print template SVG at 100% and test one sewn block before cutting all pieces.

1. Quilt field

Finished block size means seam-line to seam-line. Seam allowance is added to each edge of each separate piece.

Edit blocks to update the plan.

2. Choose a block

Finished block field: 72 × 54 cm · 30 cut pieces total

Color layout of quilt blocks and their seams

Tap a block in the diagram or select it below. The diagram shows the finished block field without borders.

3. Edit the selected block

Colors are visual labels for the cut list. Match them to your actual fabric and record fabric yardage separately.

4. Cutting list

Cut dimensions include seam allowance. Triangle entries show their bounding width/height; cut along the downloadable triangle outline, not as a rectangular piece.

PieceColorCountFinished bounding sizeCut bounding size
Strip #0f766e66 × 18 cm7.2 × 19.2 cm
Strip #e11d4836 × 18 cm7.2 × 19.2 cm
Square #2563eb69 × 9 cm10.2 × 10.2 cm
Square #f9731669 × 9 cm10.2 × 10.2 cm
Square #e11d48318 × 18 cm19.2 × 19.2 cm
Triangle #0f766e318 × 18 cm20.049 × 20.049 cm
Triangle #f97316318 × 18 cm20.049 × 20.049 cm

SVG files declare centimetres. Disable fit-to-page scaling; verify a ruler on the printout and trial-sew first.

Comments & questions

Quilt Layout Planner

Plan a rectangular quilt top with editable block patterns, rotations and colors. The finished block width is measured between seam lines. Each straight-edged piece receives the chosen seam allowance on every edge, including a geometric offset along the diagonal of half-square triangles. Review the cut sizes and counts by color, then save the layout SVG, real-size piece-outline SVG and CSV cut list. The plan covers the block field only; borders, backing, binding, shrinkage and fabric grain need separate planning.

Key features

  • 1–12 rows and columns with independent block patterns and quarter-turn rotations
  • Solid, four-patch, half-square-triangle and three-strip rail-fence blocks
  • Per-block two-color editing and copy-to-all control
  • Per-edge seam allowance, including diagonal triangle cutting outline
  • Color-grouped cut counts, actual-size layout/templates SVG and CSV

How to use

  1. Choose row and column counts, finished block side length and seam allowance in centimetres.
  2. Select a block from the diagram or cell selector; choose a pattern, rotation and two colors.
  3. Check the finished quilt field size and the color-grouped cut table.
  4. Download the layout SVG, cut-outline templates SVG or CSV list.
  5. Print templates at 100% and trial-sew a block before cutting the full fabric quantity.

Use cases

  • Compare rotations of half-square-triangle blocks
  • Count colors and dimensions for a four-patch quilt
  • Draft a mixed rail-fence and solid-block layout

Frequently asked questions

Are block sizes finished or cut sizes?

The block side is the finished distance between seam lines. The cut table adds seam allowance to every piece edge. For a square or strip, the cut width and height each add twice the allowance.

Why is a half-square triangle cut larger than a simple square plus two allowances?

Its cut outline offsets all three sides, including the diagonal seam, by the selected allowance. The bounding width therefore grows more than a straight square edge. Use the SVG outline rather than treating its bounding box as a square cut.

Does rotation change how many pieces to cut?

No. A quarter-turn rotates the visible block layout, while the corresponding pieces and their cutting dimensions stay the same.

Are the templates ready to use with any fabric?

They are geometric cut outlines at real centimetre dimensions. Print at 100%, check a ruler, trial-sew and adjust for fabric grain, cutting method, pressing and shrinkage.

Does the result include borders, batting or binding?

No. The finished size and cut list cover the rectangular block field only. Add borders, backing, batting and binding separately.

Privacy

The block design, calculations and exported files are created in your browser. This tool does not submit the layout to its server API.

Related Tools

Cross Stitch Chart MakerPhoto CollagePixel Paint StudioImage Super ResolutionHDR Exposure MergerPhoto Colorization LabPanorama StitcherSheet Nesting PlannerEdit Decision WorkbenchTeleprompter StudioBilingual Video Study PlayerChord Progression LabMusic Score EditorSubtitle WorkbenchSpatial Audio DesignerMusic Chord Candidate AnalyzerMIDI Piano Roll EditorSample Instrument BuilderImpulse Response LabAudio Waveform EditorDTMF Signal LabSpectrogram Sound PainterAudio Spectrum AnalyzerAudio DenoiserAudio Source SeparatorSound Effect SynthesizerMultitrack Audio MixerAudio Transient SlicerAudio Loop Seam FinderAudio Loudness AuditorAudio Pitch Tempo StudioStereo Anaglyph MakerPhoto Mosaic MakerImage Frequency SpectrumSimilar Photo FinderLenticular InterlacerPBR Texture Map LabPanorama Tour BuilderImage Calibration TargetsImage Steganography LabVector Morph EditorDocument Perspective CorrectorImage Inpainting StudioKnitting Chart EditorSVG Boolean WorkbenchSVG Path EditorSeamless Pattern MakerScreenprint Separation StudioPerspective Mockup StudioLow Poly Mesh MakerFont Subset BuilderFocus Stacking LabImage Depth EstimatorAnimation Timeline EditorImage Difference HeatmapImage Quality LabID photo makerBarcode scannerVideo to GIFVideo Chroma KeyerVideo StabilizerVideo Reframe StudioStop Motion StudioVideo Timecode ConformerVideo Quality ComparatorHLS and DASH Manifest ValidatorVideo Speed Ramp EditorVideo Container InspectorVideo Storyboard MakerVideo Privacy MaskerRotoscope Mask EditorVideo Motion TrackerVideo Frame InterpolatorAudio Description EditorVideo Audio Sync LabVideo TrimmerGIF Frame ExtractorSVG to PNG / JPEGImage to SVG VectorPixel Art ConverterCircle Profile CropPhoto and Polaroid FrameRound Image CornersJPEG EXIF Viewer and RemoverImage Color Vision SimulatorImage to ASCII ArtInstagram 9-Tile SplitterLong Image SplitterImage CropRotate and Flip ImagesImage FiltersMeme GeneratorScreenshot BeautifierBarcode GeneratorQR Code GeneratorImage CompressorImage ResizeImage ConverterFavicon GeneratorYouTube Thumbnail ExtractorHEIC to JPGSignature & Stamp MakerImage WatermarkGIF MakerImage Color PickerImage to Text (OCR)Merge ImagesPhoto Blur & MosaicQR Code ScannerMP4 to MP3 ConverterVideo CompressorBackground Remover
Explore all Image/Media tools →Text/Convert →Life/Fun →Dev Tools →