How to Use the Quilt Designer

The operating manual for the browser studio. Every control is named as it appears on screen, and the parts that are not obvious — what a click does before you press it — are written out. Use Save as PDF to keep a copy.

This is the instruction manual for the quilt designer at quiltler.com/app/library/quilts/new — the full-screen browser studio, not the iPhone app and not the designer a fabric company puts on its own website. Read If you want to… to jump to a job. Read Rules that are not on a button before you start on the design wall. The craft of planning a quilt (size, contrast, block choice) is how to design quilts. Words such as piece, shape and block are explained in the studio glossary.

Three ways in, on purpose. This page is the reference. The first time you open the designer, a short in-app tour walks pick, recolor and save. Replay it from More → Take the tour. Video walkthroughs live under Learn in the top bar, and on quiltler.com/learn.

If you want to…

Each row is one intention and the shortest path that accomplishes it. The sections below are the full behavior, including what the click will not do.

IntentionDo this
Start a known quiltA new quilt opens Set up a new quilt. Pick a technique, a design, then size and fabrics. Start designing.
Start emptyBlank quilt in the setup dialog. Default is a 60″ × 72″ throw with room for 12″ blocks.
Change the starter before you have editedThe bar above the quilt: Change setup or Set up a quilt. It disappears after the first undoable edit, after Hide, or once the quilt has been saved.
Recolor pieces already on the quiltV Select. Click the pieces. Click a swatch in Colors or Fabrics. The header must say the picks apply to the selection.
Load a color and paint with itClick a swatch while nothing is selected, or while Place, Erase, Draw or the cutter is the tool. That turns on Place. Then click the spaces you want to fill.
Replace one block with a classic blockSelect the pieces in that space. Open Blocks, click the block. History label: Apply block. The turn of that space is kept.
Stamp a block into empty spacesWith nothing selected, click the block. Place turns on. Each click fills one space on the grid. Drag fills a row of spaces.
Fill the whole grid with what you pickedPlace, then Spread → All, or AltShift5.
Mirror each new pieceSet Mirror before you click. The hover ghost shows every copy. Single means one copy.
Move piecesSelect, drag. Release snaps. Hold Alt to drop exactly. Arrow keys nudge ¼″ and ignore snap.
Turn or flipR to the next 90° from 0°. ShiftR uses 45°. H flips left-right. ShiftH flips top-bottom. On Place these change the next piece, not the quilt, until you click.
Copy and click down elsewhere⌘C copies the selection (what the preview shows, not the rest of the space) and switches to Place. Click to stamp. ⌘V uses the Paste mode.
EraseE. Tap the top piece, or drag. A second pass takes off the piece underneath in that spot. Undo brings them back. Erase does not copy anything, the way ⌘X does.
Draw a shape that is not in the shape libraryD. Click corners. Click the first corner, double-click, or Enter when you have at least three. Esc throws away the corners and stays in Draw.
Slice piecesK Rotary cutter. Drag a chalk mark. Finalize or Enter cuts. Clear or the first Esc throws the marks away without cutting. K again cycles the ruler.
Change finished sizeLeft panel, Quilt settings. A preset sets size and block size together. Tap an even split to change how many blocks fit without changing the quilt size. Or type width, height, block size, columns and rows. Lock a number to hold it.
Try pieces out beside the quiltQuilt settings → + adds a spare design wall. It never counts toward yardage. Make this the quilt swaps it with the quilt. Remove leaves its pieces loose beside the quilt.
Hexagons, tumblers, diamondsGrid → Grid shape. Sashing turns off. The Blocks group hides. Snap shrinks to Space, Outline and Off.
Find every piece of one fabricTop-bar search, or ⌘F. Type, or use the empty box on the current selection and click Select all that match.
Recolor the whole quilt in one stepRight panel, Suggest → Recolor, pick a scheme, Apply. Photo fabrics are left alone. One undo step.
Scatter the fabrics already chosenSuggest → Arrange, pick a style, Suggest. Scope is the selection if any, otherwise the quilt.
Remember a medallion as one pickSelect the pieces. Groups → Save group. Later, Select on that row, or find it in the top-bar search.
SaveSave or ⌘S. First save of a second quilt is the free-account wall (one saved quilt). Re-saving the quilt you already keep is open.
Keep a second colorwaySave → Save as variation, or the Variations pill. Each variation is its own saved quilt and spends the free allowance.
See what to buyFabric Calculator, or the Fabric you'll need card's Every fabric and cut. The picture is free to design. Exact yardage and the cutting chart come with Quilter, or buy this quilt's pattern ($4.99).
Print a patternMore → Printable pattern — cutting & sewing. The quilt is saved first, then the pattern opens in a new tab. The quilt you are working on stays open.
Yardage looks far too highMore → Check overlapping pieces. Also replace stacked full squares with pieces whose shapes fit together, such as two half-square triangles. Pieces on spare design walls are left out on purpose.
Undo⌘Z. While the cutter has unmade chalk marks, undo takes back the newest mark before it touches the quilt.

Rules that are not on a button

These are the behaviours that surprise people, because the control looks like it always does the same thing.

A swatch click is not always paint

Colors, fabrics, shapes and blocks share one rule.

Dragging a swatch onto the quilt is a drop, and it does paint. The click-versus-drag distinction is why a hurried click on a color, with the selection accidentally empty, loads Place instead of recoloring the quilt.

A click grabs one piece, not the whole space

The piece under the pointer is the topmost one. If it is not already selected, the grab takes that piece and anything stitched to it — pieces joined with Stitch so they move as one assembly. Pieces that only share the same space stay put. A cream triangle on a square used to select both; it no longer does.

Shift-click, ⌘-click or Ctrl-click toggles that one piece only, not the assembly. A press on a piece that is already selected drags the whole current selection. A press on an empty part of the design wall starts a selection box; if you release without dragging, and you were not holding Shift or ⌘, the selection clears.

Escape unwinds in a fixed order

One Esc does the first of these that applies, and stops:

  1. Close an open menu or dialog. The editing shortcuts do not run while a menu is up, so Escape belongs to the menu.
  2. Stop reframing an overlay.
  3. Stop moving a spare design wall.
  4. Throw away a half-drawn shape's corners, and stay in Draw.
  5. Throw away a half-made Grid shape on the cutter, then unmade chalk marks, then the cutter's picked pieces. Each is its own press. The tool stays the rotary cutter.
  6. Leave Place, Erase, Draw or the cutter and return to Select.
  7. Clear the selection.

Shift and the arrow keys are overloaded

Shortcuts are silent in the wrong place

They do nothing while the caret is in a text field, a menu, or a dialog. The exception is ⌘F from the title field, which still focuses the quilt search. On Windows and Chromebook, read Ctrl wherever this page says ⌘. A design key pressed while a spare design wall is mid-move raises a reminder to finish the move, and does not cut, place or delete.

What counts as the quilt

Yardage, the printable pattern and downloaded pictures count a piece when its center is on the quilt. The space around the quilt is a shelf. Spare design walls parked there are for trying things out: piece and slice there, then Make this the quilt if one of them should become the quilt. Pieces on a spare design wall, and loose pieces around the quilt, are left out of the shopping list on purpose. Overlapping pieces on the quilt are counted twice. More → Check overlapping pieces selects them; it does not delete them. Half-square triangles that fill a square together are not overlaps.

Copy switches tools

⌘C copies the selection and loads Place, so the next click stamps the copy. ⌘X copies and deletes. ⌘V pastes with the current Paste mode, then the clipboard becomes the thing you just pasted, so a second paste walks forward instead of stacking on the same space. ⌘D duplicates in place and leaves the tool alone.

The screen

The designer is full-bleed. Five places hold everything.

WhereWhat it is for
Top barLogo (leave), title, plan, save status, Variations, undo/redo, search across this quilt, chat, Learn, Fabric Calculator, More, Save, refresh library, account.
Left panelThe quilt as an object: Quilt settings, Grid, Sashing, Borders, Overlays, Quilting, Controls. Ruler, Guides, Sizes, the shortcut sheet and Designer v… are pinned at the bottom.
Design wallThe quilt, in inches, plus the space around it. Scroll to pan. Pinch, or hold ⌘ while scrolling, to zoom. Space-drag pans. Middle-button drag pans.
Right panelPalette (colors, fabrics, shapes, blocks), Suggest, Groups, History. Shortlist and Animations are pinned at the bottom.
Bar under the quiltThe stroke in hand. Left: Select, Place, Erase, Draw, Rotary cutter, then Snap, Mirror, Paste. Middle: the next piece Place puts down, the cutter, or the selection. Right: zoom.

The logo leaves the designer. Signed-in, it goes to the studio home; signed-out, to the community. If you have undoable unsaved edits, it asks before leaving. ⌘-click still opens a new tab and keeps the designer open. The footer of the left panel shows Designer v…. A screenshot for support should include that number.

While you are reframing an overlay or moving a spare design wall, the tool dock hides. The bar tells you what you are moving and offers Done.

Quiltler desktop quilt design studio: setting quilt size and block grid, then placing blocks and fabrics on the design wall
Size on the left, palette on the right, the quilt in the middle. The live studio also has the setup dialog, the tool dock under the quilt, and More in the top bar.

Open and set up

You need a current browser: Chrome, Safari, Firefox or Edge. A Chromebook is fine. Nothing installs.

You do not have to sign in to start. The design wall, the setup designs, the color palette and undo all work as a guest. Closing the tab without saving loses the work, with one safety net under Saving.

Set up a new quilt

A new design opens the dialog Set up a new quilt before the quilt is yours to edit. Three steps. Back returns. Blank quilt skips the gallery and opens the empty throw. Start designing commits the preview. The afterword on the last step is the promise: everything here can be changed later in the Layout panel.

StepTitleWhat you are choosing
1 of 3What do you want to make?Squares & strips — rotary-cut squares and bars, no triangles. Pieced blocks — stars, geese and dashes, one block per square, sewn by foundation paper piecing or templates. English paper piecing — hexagons, diamonds and tumblers, sized by the side of the piece.
2 of 3Pick a designA named layout. The preview is the real painter, not a photograph. On English paper piecing, Start from a photo turns a JPG or PNG into flat-colored pieces.
3 of 3Size, finishing and fabricsBed size or, for a jelly roll, the roll you have. Sashing, borders and on-point where that design allows them. Fabrics from the starter palette.

Some arrivals see Start a quilt first: Open this quilt, Set one up step by step, or Blank quilt. That is a welcome, not a different designer.

After you land, a bar sits above the quilt while the design is still new and you have not made an undoable edit. It names what you started from, and offers Change setup or, on a blank quilt, Set up a quilt. Hide dismisses it. The bar leaves on the first edit, on Hide, or once the quilt has an id. Setup replaces the whole quilt, which is why it does not stay one click away from work you have already recolored.

Designs you can start from

Each design paints a grid. Size, sashing and borders are solved first, then the painter fills the spaces. That is why one design can be a baby quilt or a king without the design itself knowing about sashing. Designs marked as refusing sashing or on-point will not offer those controls.

Squares & strips. Trip Around the World, Rail Fence, Irish Chain, Log Cabin, Bargello, Plus Quilt, Chinese Coins, Brick Path, Gingham, Postage Stamp, Disappearing Nine Patch, Nine Patch & Plain, Sunshine and Shadow, Ombré Squares, Jelly Roll Strips.

Jelly Roll Strips replaces the bed-size picker with the roll: Your roll (half, one, two or three), Strips in a roll (40 or 42), Block (4 or 5 strips), a layout the roll fills, and Border of None, One strip or Two strips. The summary counts strips used, leftovers, and what the border and binding take from the stash.

Pieced blocks. Sawtooth Stars, Ohio Stars, Flying Geese, Zigzag, Broken Dishes, Churn Dash, Shoofly, Snowball & Nine Patch, Pinwheels, Hourglasses, Jacob's Ladder, Bear Paw, Maple Leaves, Dutchman's Puzzle, Friendship Stars, Sampler, Medallion.

English paper piecing. Grandmother's Flower Garden, Hexagon Stars, Scrappy Hexagons, Hexagon Rings, Hexagon Ombré, Two-Tone Hexagons, Hexagons & Triangles, Tumbling Blocks, Thousand Pyramids, Triangle Ombré, Tumblers, Tumbler Ombré, Harlequin, Diamond Rings. Start from a photo is on this shelf. The committed design is named From your photo. Its options are the shape (polygons or a tessellation), detail, contrast, facets, edges, seams, texture, colors and color spread. A file that cannot be read says to try a JPG or PNG.

A blank quilt is 60″ × 72″ with 12″ spaces — the Throw preset. Pieced units you do not see in the gallery can still be stamped later from Blocks → Classics, or built with shapes. See quilt block designer and shapes and fabrics.

Select, Place, Erase, Draw, Rotary cutter

The five tools live under the quilt, because they belong to the stroke in hand. The group is labeled Tool. Press V, B or A, E, D, and K.

ToolKeyWhat a click on the quilt does
SelectVPicks up, moves, resizes and recolors what is already there. Does not place new pieces.
PlaceB or APuts the next piece down. The chips beside the tool are the fabric and the shape a click will place. Painting does not change which pieces are selected.
EraseETakes the top piece off. A drag takes off one piece per space per pass. Undo restores. It does not use the clipboard.
DrawDDrops corners of a free shape. Three corners minimum. Close with the first corner, a double-click, or Enter.
Rotary cutterKMarks a cut. The quilt does not split until Finalize or Enter. Press K again to cycle Straight, Circle, Fan, Curve, Grid.

When Select is on and nothing is selected, the bar says to choose Place, and offers Place pieces. When the quilt has pieces and nothing is selected, it says to click a piece or drag a box, and offers Select all.

Snap, Mirror and Paste

Three menus next to the tools. Each is set once or twice a session. The button names the current mode. The popover headings are Snap, Mirror and Paste.

Snap

Where a dropped piece locks. Hold Alt during a drag to ignore it for that gesture. In the browser, hover a mode in the menu and the preview above the list plays it: a piece dragged, let go, and clicking into place. On a square grid:

On a shape grid the menu shrinks to Space, Outline and Off. Space means the piece lands in the space under the pointer. Other square-grid modes a design already carries are shown as Space there. Grid modes other than Shape follow the pointer and lock on release.

Mirror

Extra copies of each piece you place, reflected or turned about the quilt's center — the center of the content, not the center of the piece. The hover preview shows every copy. A copy that would land on an identical pose is skipped. Mirror does not flip a selection you already have; that is H.

The same list is under Place → Transform → Position & angle.

Paste

Applies to click-to-place of a copied arrangement, and to ⌘V.

Picking up, moving, turning

Select is the default.

The selection bar

It appears when Select is on and at least one piece is selected. The chip says 1 piece, N pieces, or N stacked when they share a footprint. Open it for All and None, and to drop pieces by Each, Fabric, Color, Shape or Rotation.

The fabric chip and the shape chip open the palette. A shared photo with no name reads Photo fabric. Several fabrics read N fabrics. No shape reads No shape.

ControlKeyEffect
Rotate 90°RNext 90° stop measured from 0°, so 0, 90, 180, 270. Switching from Shift+R realigns to that grid instead of adding 90 onto 45.
Duplicate⌘DCopies land on top, still selected.
DeleteDelete or BackspaceRemoves the selection. While the cutter is picking a grid shape, Backspace takes back the last dot instead.
DeselectEscOnly after the earlier Escape jobs are done.
More actionsFlip, stretch or repeat a fabric print, resize, arrange, change shapes, stitch or make a quilt block.

More actions holds:

Right-click

Right-click a selected piece and the menu acts on the whole selection. Right-click an unselected piece and it acts on that piece only. An empty spot says Nothing here.

On a piece: Duplicate, Rotate 90°, Flip horizontally, Flip vertically, Stretch to fit or Repeat print when it is a photo, Put on top, Tuck underneath, Select same fabric, Copy color code when the piece has a solid color, Select same shape, Select same rotation, Select same size, Save as block, Copy to place tool, Clear fabric, Turn shape 90°, Remove shape, Delete. Copy to place tool is ⌘C: it arms Place.

On a spare design wall's name chip: Duplicate copies it to a clear spot beside the quilt.

Putting pieces down

Place shows what the next click puts down: scope Next piece, a fabric chip, a shape chip, and, when you have loaded a block or a copy, the whole arrangement. Rotate 90° turns the next piece. Transform flips it and opens Position & angle. Shape ↻ turns the shape inside the next piece. Back to fabric clears a loaded block or copy and goes back to placing single pieces with a fabric and a shape. Spread is hidden when Place holds copied pieces.

A click places. A drag with snap on places one stamp per space. Pieces with different shapes stack — a half-square triangle on a square is two pieces, and the calculator counts both. A piece with no shape, dropped on a piece that already fills the space, replaces it rather than stacking an invisible full square. Mirror runs after each stamp.

Spread stamps the next piece across the grid from the space under the pointer. The pad is a numpad: arrows for a direction, All for every space. The keys are AltShift and a digit, read from the physical key, so they work on the number row and the numpad:

Spread stamps on top of what is already there. One direction is one undo step, labeled Spread up and so on.

Draw

Click corners. They snap onto nearby outlines. One corner, then two — three make a shape. Close by clicking the first corner (within a small screen distance), double-clicking, or pressing Enter. Close shape and Clear are on the bar. The new piece uses the fabric and shape currently loaded in Place, and the outline is saved as its shape. Fewer than three corners does nothing. The first Escape clears the corners and stays in Draw; the next leaves the tool.

The rotary cutter

The cutter marks first and slices second. Chalk on the quilt is not a cut. Finalize, or Enter, makes every mark in one stroke and selects the smallest section of each slice. Clear brushes the marks off without cutting. Undo, while marks are unmade, removes the newest mark before it rewinds the design.

K picks up the cutter. K again cycles the ruler: Straight, Circle, Fan, Curve, Grid. A drag shorter than about ½″ is ignored. A click without a drag picks a piece. While pieces are picked, cuts land only on those pieces; a mark that misses them explains that it missed, and asks you to lay it across one of them or click a piece to pick it. The pick chip says Only N picked. Its ×, or Escape after the marks are gone, clears the picks.

Typed inch offsets and a circle's diameter wait on sizing access. The field placeholder reads With the pattern until you buy this quilt's pattern or have a paid plan. The blade itself is in the dock either way.

Straight

Across cuts through the region under the ruler — the quilt, a spare design wall, or a piecing. One piece cuts only the piece under the ruler. Snap for the blade, separate from the dock's Snap, is ¼″, ⅛″, Guides (free movement, but clicks catch centers, seams and 30/45/60°) or Off. Alt makes that stroke freehand. Presets on Across: Halve ↕, Halve ↔, 45°, plus an offset and At ↕ / At ↔. The surface picker is The quilt or a spare design wall's name. The reading beside the blade is an angle such as 45° and a distance from an edge.

Circle, fan, curve, grid

Finalize splits pieces, breaks groups that the blade crosses, and saves the new outlines as shapes. It does not invent stitch groups for pieces that were not already stitched. If every mark misses, nothing is cut.

Size, grid, sashing, borders

The left panel is the quilt as a physical object. Worth setting before the quilt is crowded: changing the grid later moves everything already on it. Size, grid, sashing and border numbers are part of designing, so you can type them while you are still exploring. Inch rulers, pointer guides, real size labels on pieces, and the yardage numbers are the paid reading of those same dimensions — see Calculator and the pattern.

Quilt settings

The section is Quilt settings. Measure in at the top switches between Inches and Centimeters — the same choice as Account → Measurements, so it changes every length in the app on this device. The quilt itself never changes size. Chips under it choose which grid you are editing.

On a spare design wall: rename it, the same size fields, Move (drag it; every piece on it comes along; the button reads Moving meanwhile, and Done is on the bar under the quilt), Make this the quilt (it becomes the quilt and the old quilt moves beside it as a spare design wall; borders stay with the quilt), and Remove (the frame goes away; the pieces stay loose beside the quilt).

Presets set finished size and block size together, so the grid divides evenly. The menu label is the name, the width and the height. If the quilt matches none of them, the menu shows Custom.

PresetFinished sizeBlockGrid
Baby36″ × 48″4″9 × 12
Lap50″ × 65″5″10 × 13
Throw60″ × 72″12″5 × 6
Twin bed66″ × 90″6″11 × 15
Queen bed90″ × 108″6″15 × 18
King bed104″ × 104″8″13 × 13

Custom size on a square lattice is two cards, Across and Down. Each card has the quilt measurement, the block measurement, and the count (Columns or Rows). They are one fact written three ways: width is columns times block width, plus sashing when sashing is on. The lock beside a field holds that number. Lock Rows, then change the quilt height, and each block grows instead of the quilt gaining rows. Locks are for this editing session; they are not saved on the quilt. If the other two fields in a card are both locked, the third input is disabled because it is already determined.

Under each card, Even splits lists every number of columns (or rows) that divides the quilt's width (or height) into equal blocks that land on a ruler mark — whole, half or quarter inches, or whole, half or tenth centimeters. Each chip shows the count over the block size. Tap one to re-divide without changing the quilt size: a 60″ wide quilt of 5 columns becomes 10 columns of 6″ or 15 of 4″, but never 7, whose 8.57″ blocks no ruler can cut. The roundest sizes nearest the current count come first; + more shows the rest. A split applies whatever is locked, because the chip names both numbers. Typing Columns or Rows still keeps the block size and grows the quilt instead. When the quilt ends on a part block, the card says so.

On a shape grid the fields are Width, Height, Side length, Across and Down. Side length is the paper size for English paper piecing. Changing Across or Down resizes the quilt; the piece size stays.

Under the fields, Finished with borders is the larger number — the one batting, backing and binding are sized against. Borders sit outside the quilt's width and height.

Under Resize the whole quilt, 10% smaller and 10% larger scale the pieces, shapes and borders together, and stop at 1″ and 200″. If you bought this quilt's pattern, resizing it this way keeps the purchase. A different block arrangement makes it a new quilt; that is explained in the pattern section.

Set Up My Quilt For Me opens Configure my quilt. Describe the quilt in a sentence — hexagon EPP, on-point squares, a queen with sashing — or tap a preset chip. Chips fill the box; they do not apply by themselves. The plan is the proposal. Apply to the quilt is one undo step. You need to be signed in to send it. If sizing is locked, the dialog says so and offers this quilt’s pattern.

Preset sentences you can tap: “I want to design in EPP”, a queen of hexagons with a 3″ border, on-point squares at queen size, a tumbling-blocks baby quilt, a queen with 2″ sashing and a 3″ border, a throw with 1.5″ sashing, and “Remove the sashing and the borders”.

Fit to Pieces shrinks the quilt to the pieces already on it and moves them into the corner. Borders wrap the new size. It is disabled when the only pieces are frames.

Background is the design wall color behind the quilt, seen through gaps and through the parts a shape leaves out. It is a preview color, not fabric, so it never appears on the shopping list.

Grid

Grid shapeWhat you get
SquareRows and columns of square spaces. Sashing, borders and the Blocks group all expect this.
HexagonsA honeycomb in staggered rows. Classic English paper piecing.
60° TrianglesEquilateral triangles, every other one point-down.
DiamondsSquares on point, meeting edge to edge.
TumblersTumblers alternating end for end along each row.
Tumbling BlocksThree diamond faces to a cube.
Half HexagonsThe honeycomb split point to point, each half its own piece.
Hexagons & TrianglesHexagons set point to point, triangles in every gap.

Switching away from Square clears the block, copied pieces and shapes loaded in Place, and turns sashing off. On a shape grid, Edges is Trim at the edge, which trims overhang to the quilt size, or Whole pieces only, which keeps pieces that sit fully on the quilt. Borders on a shape grid need the trimmed edge.

Layout, square grid only: Rectangular (plain rows and columns), Half-drop rows (every other row offset by half a block — triangles and tumbling blocks), Half-drop columns (a brick set). The control is disabled on a shape grid.

Rotation runs 0–359°, with stops at 0°, 30°, 45°, 60° and 90°. 45° is on point: squares turned to diamonds. Any rotation other than 0 trims edge spaces and turns sashing off.

Display: Show grid and Grid weight; Vertical center and Horizontal center (drafting lines, never on a saved picture); Piece outlines and Shape outlines, each with a weight. Grid weight is disabled when sashing is on and the frame is not pieced, because the content grid is hidden behind the sashing.

Sashing and borders

Sashing is strips between blocks. The section's Show / Hide turns it on. It is disabled on a shape grid and whenever the grid is rotated. Width starts at ¼″. Turning sashing on widens each space by that width. Fill is Solid (one continuous strip) or Squares (each gap becomes squares you can paint — square grid, Rectangular layout only). Color is disabled when Fill is Squares, because you paint those squares on the quilt. Cornerstones are the squares where the strips cross. They get their own shopping-list row only when their fabric differs from the sashing. Cornerstones are disabled when Fill is Squares.

Borders are rings around the outside. Add stacks another. Border 1 is the innermost. Each ring has a width, a Fill of Solid or Squares, and a color. Show / Hide needs at least one ring, and is blocked on an unclipped shape grid. Empty, the section says to add one to frame the quilt.

Overlays, quilting, controls

Overlays are tracing pictures. Add opens the library. They never appear in a saved picture, a post or a printed pattern. Per overlay: Show, See-through, Locked (clicks pass through to the quilt), Reframe / Done, Fit (fit the quilt, keeping aspect). Drag a corner to scale; Alt-drag stretches off proportion; Shift-drag snaps the angle. Arrows nudge while reframing, and Alt drops that step to 0.05″. Hold O to hide every overlay and see the design; release, or leave the window, and they return. It is a hold, not a toggle. Color from a picture appears when the grid is a shape grid: it fills spaces with the picture's colors, matched to A palette from the picture or My colors. Recolor filled spaces lets it change pieces you already placed; off, it fills only empty spaces. Colorize applies it. Adding an overlay asks for a subscription.

Quilting paints the top as a finished, quilted object — stitching and puff — without changing the design. It is a way of looking. It is not saved, and editing the design turns it off. It asks for a subscription. Preview quilting toggles it. Patterns: None, Straight, Diagonal, Crosshatch, Chevron, Waves, Clamshell, Stipple. Spacing is ½″ to 6″. Angle is 0–90° in steps of 5, and disabled for freeform patterns such as stipple. Thread color, thickness, and puffiness follow.

Controls sets how a color or fabric dragged from the palette lands. Which pieces change is This piece, In selection or All matches. An empty space becomes a new piece in the grid's shape. The faded preview is what will land before you release. Show the move and zoom pad puts a pad for zooming and moving the view on the design wall.

View, pinned at the bottom

Zoom, on the right of the dock: − and + step by 1.25, up to ten times actual size. Fit is F or ⌘0. The percentage is of life size; click it for actual size (⌘1), where an inch of quilt covers an inch of screen. Scroll pans. ⌘-scroll zooms around the pointer.

Colors, fabrics, shapes, blocks

The right panel's rail jumps to Colors, Fabrics, Shapes, Blocks, Suggest and Groups. Palette is open by default and contains the first four, under one search: “Search colors, fabrics, shapes and blocks”. Suggest, Groups and History start closed. Entering Place while every section is collapsed opens the Palette. The Blocks group hides on a shape grid, because those quilts are pieces, not square blocks.

The header states the swatch rule from above, in the words of the current tool. No fabric clears the fabric Place puts down. Blank clears the selection's fabric.

Colors

On this design lists solids already used (up to sixteen), photo fabrics on the quilt, and shapes on the quilt. Suggest matching colors builds a match grid from those. Try on a row or a column, Try it, New matches, Hide. A lock pin holds a color still. Try uses the selection if you have one, otherwise the whole quilt, and it does not remap photo fabrics.

Below that: the starter palette, Custom for a color that is not in the list, and My colors with + to save the current one. A click follows the swatch rule. A drag paints. Right-click: Copy color code. A saved color also offers Change color in a new tab. A suggested color offers Add to my colors. Shift plus left or right steps through swatches.

Fabrics

Photo fabrics from your stash. Free accounts keep ten. Solid colors are unlimited. With the palette search empty, you see your shortlist. Typing searches the library. Click and drag follow the same rule as colors. ⌘-left and ⌘-right step through fabrics. A locked fabric past the free allowance opens the paywall. Right-click: Edit fabric in new tab.

How large a print appears is crop, plus Stretch to fit or Repeat print, plus print scale. That job is also documented in fabric print scale. After you add a fabric in another tab, use the refresh button in the top bar. The designer does not watch the library live. The button is labeled Refresh colors, fabrics and shapes.

Quiltler fabric library of quilting fabrics organized with tags, notes and collections
The fabric library, which the designer reads from. Add photos there, then refresh the designer.

Shapes

A shape is a piece's outline — a triangle, a curve, a hexagon. It trims the rectangle and records how much of the square the shape uses, which is how the calculator knows a half-square triangle is about half a square. Stacking two full squares to fake a pieced unit looks right and doubles the yardage. One piece per fabric, each with its own shape (two half-square triangles, say), is the version that measures. The long explanation is shapes and fabrics.

Tabs, when you are not looking inside one set of shapes: All, Classics, Mine, Community. Classics is remembered as the default until you change it. Search always looks through every source, whichever tab is showing. A click applies the shape to the selection, or loads it in Place. Shift-click adds it to, or takes it out of, the shapes Place combines in one space. No shape clears the shape from Place, or fills the selection with the grid shape. On a shape grid, only shapes that fit that grid are offered. Right-click: Edit shape in a new tab, or Copy to my library and edit.

C turns the shape inside the selection, or inside the next piece when Place is up, a quarter turn. ShiftC goes the other way.

Quiltler shape library of quilt shapes including triangles, curves, hexagons and stars
Shapes in the library. Draw new ones in the Shape Designer; you can use them on every quilt. The rotary cutter can also make a shape by slicing a piece.

Blocks

A block in this panel is a whole pieced block — Nine Patch, flying geese, Ohio Star — made of pieces, each with its own shape and color. The glossary explains block, piece and shape. Tabs: All, Classics, Mine, Community. Search looks through all of them.

Right-click: Edit block in new tab, or Copy to my library and edit.

Quiltler quilt block library of classic patchwork blocks
Classics. Stamp from here; you do not have to draft a star to put a star on the quilt.

Suggest

Two modes. One press is one undo step. Scope is the selection if any, otherwise the quilt.

Arrange places the colors and fabrics currently on show. The source line is Both, Fabrics or Colors, with a count. Styles:

The button is Suggest, then Shuffle again for Scattered, Light & dark and Random.

Recolor shifts solids already painted and leaves photo prints alone. Schemes: Pastel, Neon, Bright, Jewel, Muted, Vintage, Nature, Coastal, Autumn, Sunset, Monochrome. The button is Apply plus the scheme name. With nothing selected it can recolor grid fills as well as pieces.

This is separate from Suggest matching colors inside Colors, and separate from an overlay's Colorize.

Groups, history, shortlist

A group is a named selection that survives moving and recoloring its members. Group name and Save group need a selection. The default name is Group and a number. Rename in place. Select picks the members and switches to the Select tool; Shift-click adds them to the current selection. Update replaces the membership with whatever is selected now. Removing a group keeps the pieces.

History lists undo steps. Click a past or future row to jump there.

Shortlist, pinned at the bottom, narrows what the Palette and Suggest draw from. It does not strip colors already on the quilt out of Recolor. The menu can pin Design from a shop, Show everything, apply a catalog or Use one of your bundles, and under Mix and match filter Colors, Fabrics, Shapes and Blocks independently. Links from there open a new catalog, bundle, palette or set of shapes in another tab, so the quilt you are working on stays open.

Animations toggles the motion for stitching, the rotary cutter, a copy settling, and a delete fading. Turn it off if you want each edit to land without the flourish.

Finding pieces

The search in the top bar is about pieces already on this quilt, not the block library. Placeholder: “Search fabric, shape, rotation, size or group”. ⌘F focuses it.

An empty quilt says to add some pieces, then search.

Saving, variations, the free account

The top bar shows Unsaved changes, Saving…, All changes saved, or Save failed. ⌘S saves. The Save button's chevron is More ways to save:

An unnamed quilt asks Name your quilt on first save. Save without a name is allowed. Signed-out visitors get Keep this quilt and your fabric totals (or the plan variant, if they asked for yardage first): create an account, or Not yet — keep designing.

While you are signed out, the current design is mirrored into this browser — one draft, not a library — and offered back if you return within about thirty days. A signed-in session that still has a very recent guest draft, typically because sign-in interrupted you, will offer to keep it. Saving to an account empties that drawer. Signed-in, dirty work is also mirrored on this device (up to twenty drafts, thirty days) until the cloud save succeeds. Reopening a quilt that has a newer local draft asks Unsaved changes on this device: Open saved version or Continue editing.

Free accounts keep one saved quilt and ten fabric photos. Solid colors are unlimited. The design wall is never locked. The wall appears when you try to keep a second quilt, upload an eleventh fabric photo, or use a subscription feature such as sharing. Re-saving the one quilt you already keep is always allowed. After a plan ends, the oldest remaining items stay open; newer ones stay stored until you subscribe again. Duplicate and variation each spend that one-quilt allowance, because each is its own saved quilt.

Variations sit beside the save status. A variation is a sibling copy — another colorway, a different border — that you can swap to without losing either. The pill shows a count once you have some. + Save first variation or + New variation creates one and continues in it. Switching saves unsaved work first. Compare needs two or more: the live card is the one you are editing; Edit this one on another card switches. The control is hidden while you are collaborating in someone else's library.

With a paid plan, saved quilts are on your iPhone, iPad and computer when you sign in to the same account. Library links from the designer open in a new tab so the quilt you are working on stays open.

Quiltler My Quilts library showing saved quilt designs
My Quilts. A saved quilt is the same document on the browser studio and on iOS.

Calculator, printable pattern, More

Designing the picture is free. Reading it as a sewing plan is the paid step. Two ways to pay, shown before you are charged:

If you change a quilt whose pattern you bought into a new arrangement, the purchase page says your purchased version is safe, and offers Download my purchased version alongside buying the new one. Keep designing for free returns you to the design wall. The free line on that page is the same allowance: one quilt and ten uploaded fabrics.

While a one-time pattern purchase is the reason you can see numbers, unsaved changes hide those numbers until the quilt is saved. A Quilter or Designer plan does not have that pause.

Fabric Calculator

The button is permanent on the top bar. It saves the design first if it has never been saved or still has unsaved edits, then opens the calculator in a new tab. The quilt you are working on stays open. Signed-out visitors are asked for an account before that.

On the design wall, Fabric you'll need shows four totals while you design, once sizing is readable: Piecing fabric, Backing, Binding, Batting, plus the finished size. Empty, it says to paint a square and the count starts. Every fabric and cut opens the complete cutting plan. The note under the card: yardage for each fabric and printable cutting charts are on the Quilter plan. When sizing is locked, the card shows the quilt's size and See the fabric amounts →, which opens the page to buy this quilt’s pattern or subscribe; its note names $4.99 for this quilt's pattern, or every quilt with Quilter.

On a narrow window the card starts folded. Pieces around the quilt and on spare design walls are left out. Overlaps on the quilt are counted twice.

More

The menu is things you reach for once a quilt is finished. Order on screen:

Share & social content, in three groups:

Printable quilt pattern with finished size, fabric requirements, cutting list and templates
The printable pattern: shopping list, cutting chart, assembly and templates, generated from the geometry you drew.

Keyboard

The full sheet is the keyboard icon at the bottom of the left panel. Every row there is a key the editor handles. This is that list, with the click behavior corrected to what the designer does.

KeyAction
VSelect
B or APlace
EErase
DDraw
KRotary cutter. Press again to cycle rulers.
EnterClose a drawn shape, or finalize every marked cut.
EscUnwind: menu, overlay, spare design wall move, half-drawn shape, cutter marks and picks, leave the tool, clear the selection.
⌘SSave
⌘ZUndo. Unmade cutter marks come off first.
Shift⌘Z or ⌘YRedo
⌘ASelect all
⌘FSearch this quilt
⌘C ⌘X ⌘V ⌘DCopy (loads Place), copy and delete, paste, duplicate
DeleteDelete the selection
ArrowsNudge ¼″. Shift is 1″ vertically, and color-step horizontally. Alt is 0.05″.
R / ShiftRTurn to the next 90° / 45° from 0°
H / ShiftHFlip left-right / top-bottom
C / ShiftCTurn the shape inside the piece
[ ]Down one / Up one
Shift Left/RightStep color swatches
⌘ Left/RightStep fabrics
AltShift 1–9Spread the next piece. 5 is every space. The rest are compass directions.
O heldHide overlays until you release
F or ⌘0Fit the quilt to the window
⌘1Actual size
⌘+ ⌘−Zoom in / out
U G MRulers / guides / size labels
Wheel / Space-dragPan. ⌘-wheel zooms. Space-arrows pan.

Narrow windows

At about 1000 pixels wide the side panels become drawers. Both start closed. Opening the left closes the right, and the reverse. The scrim says Hide the side panels. Close them to work on the quilt; open the palette when a step asks for a color. The tool dock stacks the tools above the selection row a little before that breakpoint. The fabric card starts folded under about 760 pixels. The in-app tour, on a narrow window, leaves the palette shut until a step needs it.

Stuck in the designer? The chat bubble on the top bar reaches us. Account → Show tutorials again resets the in-app tours if you skipped them. If the vocabulary starts to slide, keep the studio glossary open. Quiltler will not open Electric Quilt project files; recreate the layout. The comparison, when you care, is EQ8 alternative.

Questions

Do I need an account to try the quilt designer?

No. The design wall is open without signing in. Work is kept in this browser until you save. Saving is what creates an account, if you do not have one. A free account keeps one saved quilt and ten fabric photos. Solid colors are unlimited.

Where is the quilt designer in the browser?

Open quiltler.com/app/library/quilts/new for a new quilt, or My Quilts then a saved quilt. Chrome, Safari, Firefox and Edge all work, including Chromebooks. There is no desktop installer.

What is free, and what is paid?

Designing the picture is free. A free account keeps one saved quilt and ten fabric photos. Exact finished sizes, yardage for each fabric, cutting instructions and downloads come with Quilter, or buy this quilt's pattern ($4.99) as a one-time purchase. You can recolor a quilt whose pattern you bought and make the whole quilt bigger or smaller; changing its blocks, shapes or borders makes it a new quilt, and the one you bought stays ready to download. Sharing and selling need a paid plan. Confirm the price at checkout.

I clicked a color and nothing on the quilt changed.

The selection was empty, or Select was not the tool. That click loaded Place. Look at the chips under the quilt: they are what the next click on the quilt will paint. To recolor what is already there, press V, click the pieces, then the swatch. The right-panel header says which of the two you are about to do.

The in-app tour talked about a finished quilt. Mine is blank.

Blank quilt skips the gallery. Set up a quilt on the bar above the quilt, while you still have not edited, opens the three steps. The tour teaches pick and recolor on whatever is on the design wall, including a layout you just committed.

My yardage looks two or three times too high.

Almost always stacked full squares pretending to be a pieced unit. Rebuild with shapes so coverage is counted. See shapes and fabrics. Also run More → Check overlapping pieces. Pieces on a spare design wall are left out; if it was meant to be the quilt, use Make this the quilt.

How do I print this guide as a PDF?

Use Save as PDF at the top of this page, or your browser's Print command, and choose Save as PDF. The live URL is https://quiltler.com/how-to-use-the-quilt-designer.

Keep going

Open a new quilt

A setup, or a blank quilt. Nothing is saved until you press Save.

Start designing