QuickShape explained with examples
QuickShape is a hold-to-snap gesture: draw roughly, pause with the pointer still down, and the stroke straightens into a line, circle, ellipse, rectangle, or triangle. This article covers the exact mechanics and three real drawing scenarios.
The gesture, step by step
- Press and drag as you normally would to draw in 2D. The first couple of pixels of movement create the stroke — a click or double-click alone never starts one.
- Keep the pointer held down and stop moving once the rough shape already resembles a line, circle, ellipse, rectangle, or triangle.
- Hold still for roughly half a second. If the shape recognizer is confident, the stroke snaps to clean geometry in place.
- For a snapped line, the start point locks and you can keep moving the pointer to set the end point's direction and length before releasing. For a snapped closed shape, the center locks and the shape scales uniformly as you move the pointer outward or inward.
- Release right after drawing (before the hold triggers) if you want to keep the freehand path — QuickShape never forces a snap you did not hold for.
If recognition confidence is low — for a scribble that does not resemble any of the five shapes — Memo Whiteboard falls back to smoothing the freehand line with perfect-freehand instead of forcing bad geometry onto it. You still get a cleaner line, just not a rigid shape.
Example 1: a wireframe card grid
Goal: three even content cards under a header for an AI layout brief.
- Draw a large outer rectangle and hold to snap the frame — this gives every other box a consistent reference edge.
- Draw a thinner horizontal band across the top for the header; snap it the same way.
- Draw three smaller rectangles in a row, leaving visible gaps. Snap each one individually rather than drawing all three and snapping once — QuickShape works per-stroke, not per-selection.
- Add a short label inside or under each card ("Plan A", "Plan B", "Plan C"). Skip icons unless they change meaning.
Why it holds up in the export
Freehand rectangles often taper or bow at the corners once scaled down to a thumbnail-sized PNG. Snapped rectangles keep perfectly straight edges regardless of export size, so an AI model — or a teammate — infers "three equal columns" instead of "three vaguely rectangular smudges".
Example 2: a three-step flow with arrows
Goal: show "start → form → success" for a product flow.
- Draw and hold three circles (or rounded boxes) spaced left to right for the three steps.
- Draw a connecting line between step one and step two; hold still partway through if you want it to straighten into a single clean segment rather than a slightly curved freehand stroke.
- Repeat the connecting line between step two and step three.
- Label each circle with one or two words: "Start", "Form", "Done".
Leave annotation marks freehand on purpose — for example, a quick "error state?" note with a squiggly underline beside the form step. Forcing every mark into geometry removes useful visual distinction between structure and commentary.
Example 3: when QuickShape gets in the way
- Handwriting-style notes — letters and words should stay as freehand strokes; release immediately so nothing snaps mid-word.
- Organic silhouettes — a character outline or a leaf shape is not one of the five recognized primitives; prefer plain freehand, or move to 3D block-outs for characters.
- Fast brainstorming — stopping to hold every stroke breaks your drawing rhythm. Sketch loosely first, then go back and re-draw only the two or three frames you plan to export, snapping those.
Troubleshooting a shape that will not snap
- Too small — draw at a larger size. Tiny marks do not carry enough signal for the recognizer.
- Too fast a release — the hold needs roughly half a second of near-stillness; releasing immediately after the drag always keeps the freehand path.
- Ambiguous shape — a stroke that is halfway between a rectangle and an ellipse (very rounded corners) may resolve to whichever the recognizer is more confident about, or fall back to freehand. Redraw with sharper corners for a rectangle, or rounder curves for an ellipse.
- Line vs. very thin rectangle — if you wanted a line but got a thin rectangle (or the reverse), redraw with a more exaggerated aspect ratio so the intent is unambiguous.
Editing a shape after it snaps
Double-click the stroke's edge to select it, then drag to move — clicking inside a closed shape does not select it, so you can still draw or write labels on top without disturbing the shape underneath. Copy and paste duplicate repeating cards quickly; a right-drag marquee selects a whole group at once for a batch move or copy. See selecting, moving, and copying strokes in 2D for the full reference on hit targets and keyboard shortcuts.
QuickShape and AI attachments
Snap the main structural frames — outer boundary, header, primary cards — and leave secondary annotations freehand. That contrast alone helps a model separate "layout" from "notes" in the image. Continue with sketching a UI for AI and attaching the export.