Sketch is the flowss whiteboard: a hand-drawn canvas for thinking with a pen, running workshops and wireframing screens, with a direct path from rough ink to a clean diagram. You draw with pens, shapes, sticky notes and stamps; arrows stay attached to the shapes they connect; frames turn regions of the board into slides; a library drops in over a hundred ready-made workshop canvases and 111 wireframe pieces. When the drawing has structure, Sketch can tidy it in place, read it into Mermaid, D2, Graphviz, PlantUML or DBML without any AI, or ask the flowss Sketch Agent to convert it into any of 19 diagram engines and open it in the right studio. Facilitation tools (timer, dot voting, estimation, reactions), an outcome document, comments and live sessions make it a workshop room as well as a drawing pad. You open it at /sketch. This page is a complete reference for every tool, panel, menu and shortcut.
At a glance
| Item | Detail |
|---|---|
| Address | /sketch. /sketch?demo=1 opens the guided demo board |
| Who can open it | Every signed-in account, including Free. A signed-out visitor is asked to sign in first |
| What Free includes | The full drawing canvas, exports, a starter set of 12 wireframes, 5 personal components, deterministic convert and clean-up |
| What Starter adds | All 111 wireframes, presentation mode, checkpoint version history, unlimited components, every convert engine, AI with your own key |
| Documents | Boards. Free keeps 3 boards; paid plans are unlimited |
| Tools | Select, Hand, six brushes, Eraser, ten shapes and Frame, Text, Sticky note, Stamp, Image, Comment, Laser pointer, Eyedropper |
| Library | Boards (seven shelves of canvases), Wireframes (seven groups), Components |
| Panels | Layers, Outline, History, Check, Outcome, Facilitate |
| From ink to diagram | Clean up (no AI), Convert (ink read first, AI when needed), Handwriting to text (AI), Generate wireframes (AI), and the flowss Sketch Agent behind every AI step |
| Exports | PNG (1x, 2x, transparent, selection), SVG (board or selection), frames as SVG or PNG, PDF deck, PowerPoint (.pptx), Word (.docx), the board file (.ink), PNG to clipboard |
| Imports | Images, .ink boards, Excalidraw scenes, pasted Mermaid or Graphviz text, whiteboard photos and links, shapes copied from Weave or Science |
| Collaboration | Pinned comment threads; live sessions with simultaneous editing, cursors, follow and shared facilitation |
Plans and what each includes
| Capability | Free | Starter | Plus | Ultra |
|---|---|---|---|---|
| Drawing canvas: pens, shapes, frames, binding arrows, groups, align, lock, laser, layers, outline, check, history steps | Yes | Yes | Yes | Yes |
| Boards kept in the studio | 3 | Unlimited | Unlimited | Unlimited |
| Wireframe presets | 12 (Browser window, Mobile phone, Nav bar, Sidebar, Button, Input field, Form (stacked), Card, Image placeholder, Data table, Modal dialog, Login) | All 111 | All 111 | All 111 |
| Personal components | 5 | Unlimited | Unlimited | Unlimited |
| Presentation mode (frames as slides) | No | Yes | Yes | Yes |
| Checkpoints (saved versions you can restore) | No | Yes | Yes | Yes |
| Exports and imports | Yes | Yes | Yes | Yes |
| Clean up and convert from ink (no AI) | Yes | Yes | Yes | Yes |
| Convert targets you can pick | Auto-detect, Mermaid, Weave, D2, Graphviz | All 19 | All 19 | All 19 |
| The flowss Sketch Agent (AI convert, handwriting, generate wireframes, multi-step agent) | No | With your own AI key | Hosted AI points or your own key | Hosted AI points or your own key |
| Host a live session | No | No | Up to 3 people (you included) | No cap |
| Join someone else's live session | Yes | Yes | Yes | Yes |
| Voice and screenshare | No | No | No | Yes |
| Share components with a team workspace | No | No | No | Yes |
Enterprise includes everything in the Ultra column. Free Sketch is the core canvas; the workflow layer (the full wireframe kit, presenting, checkpoints, big component shelves) starts on Starter. When you reach for a gated feature, a message says what unlocks it, for example "Presentation mode (frames as slides) is part of Starter. Your frames and canvas stay fully editable on Free." See Plans and what they include, AI points and limits and Bring your own AI key.
The screen
Sketch uses the flowss islands layout: the board fills the window and controls float over it. See A tour of the workspace for the layout shared by every studio.
| Where | Island | What it holds |
|---|---|---|
| Top left | Identity | Studio switcher, the board title (click to rename, ▾ to switch boards), the status badge and the ⋮ file menu |
| Top right | People | Comments (count of unresolved threads), Facilitate (F9), Present (⇧⌘E) and Share |
| Left edge | Rail | Eleven buttons in five groups: Select and Hand; Pen and Eraser; Shapes, Text and Sticky note; Stamp, Insert image and Library; More |
| Bottom centre | Prompt | "Describe a board or a change…" with Quick and Agent modes and an attach button. When it has focus it suggests A sign-up screen, A pricing page and A settings screen on an empty board, or Convert to diagram, Clean up ink and Handwriting to text once there is ink |
| Bottom right | View | Undo, redo, zoom, a light/dark switch, the layout switch, help, and the minimap above them |
| Right edge | Drawer | The board panels (Layers, Outline, Check, History), or Facilitate, or Outcome. Resizable, with Keep open |
| Over the selection | Selection toolbar | Style, text, line and layout controls, arrange, duplicate, delete and more |
An empty board shows Sketch anything with "Draw, drop in a template, or describe a board below.", an Open library button, a Load the demo board link, and six quick-start canvases: Kanban board, SWOT, Retro board, Customer journey, Crazy 8s and Flowchart kit.
The status badge beside the title shows the save state, the number of objects, the Check findings (once the board has been checked) and the board's readiness, written as "Ink · Empty", "Ink · Draft", "Ink · Sound", "Ink · Reviewed" or "Ink · Publishable". Its popover (⇧⌘M) has a Board section explaining the readiness level and what is holding it back, and a Check section with Check this board.
Boards
Sketch keeps your work as boards. Each board is also a document in your Library.
Switching, creating and naming boards
- Click ▾ beside the title to open the board switcher. It lists your boards (the open one is ticked), offers New board at the foot, and has duplicate and delete actions on each row. A Find a board search box appears once you have more than seven boards. On Free its header shows "N of 3 boards" with a See plans link, and New and Duplicate are disabled at the cap.
- Click a row to open that board. ⌥⌘← and ⌥⌘→ (Alt+Ctrl+arrow) step to the previous or next board when you have more than one; ⌘K Switch board cycles through them.
- New board (⋮ menu or switcher) starts an empty board: "New board — untitled until you label a frame or rename the tab".
A board names itself from what you draw until you name it: the first frame you have labelled, otherwise the first line of the first text, otherwise the first line of the first sticky note, otherwise "Untitled sketch". Click the title to name it yourself (up to 80 characters); from then on your name is kept.
Duplicate makes a copy; the toast "Duplicated as “…”" has an Open button. Delete is offered when you have more than one board (the last board cannot be deleted). Your browser asks "Delete “…”? This cannot be undone." first; despite that wording, the toast that follows ("Deleted “…”") offers Undo.
Saving
Boards save automatically to your browser about half a second after each change, and again when you leave the page. If a save is refused, the status badge turns red and tells you why:
| Message | Cause |
|---|---|
| "Local storage is unavailable in this browser — this board lives in this tab only." | Storage is blocked, for example in some private windows |
| "Local storage is full — this board could not be autosaved." | The browser's storage for the site is full |
| "This board is too large to autosave — export a PNG to keep it, or delete pasted images." | The board exceeds the size one board may use; large pasted images are the usual cause |
A board open in two browser tabs follows the other tab's changes rather than overwriting them. For devices, see Cloud sync, offline work and devices.
The ⋮ file menu
Every document verb lives in the ⋮ menu beside the title, in the same order every flowss studio uses. Each row is also a ⌘K command with the same name.
| Section | Rows |
|---|---|
| New and open | New board, Import board (.ink) |
| Templates | Boards and canvases (opens the library), Load the demo board |
| Import ▸ | Import a photo, paste or link, Insert image |
| Export ▸ | Export PNG, Export PNG (2×), Export transparent PNG, Copy PNG to clipboard, Export selection as PNG, Export SVG, Export selection as SVG, Export frames (SVG), Export frames (PNG), Export deck (PDF), Export deck (.pptx), Export as document (.docx), Export board (.ink) |
| Send | Convert sketch to diagram |
| History | Version history (checkpoints) |
| Danger | Clear canvas |
Everything else is in ⌘K too, including Find on board, Select all, Select same kind, Tidy selection into a grid, Match width, Match height, the rotate, flip and connector-route verbs, Toggle minimap, Frames navigator, Toggle snapping, Toggle straighten on hold, Facilitate a session, End session and write the outcome, Show comments and the live-session verbs.
The demo board and clearing a board
⋮ › Load the demo board opens a new four-frame board that shows off wireframes, binding arrows, groups, a locked backdrop, sticky notes and frames laid out as slides. It counts as a new board.
Warning: Clearing a board deletes its comment threads permanently. Undo brings the drawing back but not the comments.
⋮ › Clear canvas needs two presses. The first arms it and tells you what will happen ("Run Clear again to wipe this board — Undo can bring the drawing back", or a warning that comment threads will be gone for good). Press again within four seconds to clear. Undo restores the drawing, but not deleted comment threads.
Drawing tools
Each rail button stands for a family and wears the member you used last, so the tool you reach for again is one click away. Picking Pen, Shapes, Sticky note or Stamp opens its options beside the rail; your first stroke puts them away, and clicking the button again reopens them. The Eraser's options open on a second click. Most tools also have a single-key shortcut (Heart, Speech bubble and Cloud do not).
| Tool | Key | What it does |
|---|---|---|
| Select | V | Select, move, resize and rotate. Drag on empty board to marquee-select |
| Hand | Space (hold) | Pan the board. Holding Space pans from any tool |
| Pen | P | Smooth pressure-sensitive ink |
| Pencil | C | Pressure-sensitive, slightly thinner and lighter than the pen |
| Marker | M | A broad, even stroke (about 1.6 times the width setting); not pressure-sensitive |
| Calligraphy | G | An angled nib (45 degrees, or your pen's real tilt on devices that report it), drawn a little wider than the width setting |
| Highlighter | H | A wide, translucent wash over what is underneath |
| Handwrite | W | Ink meant to become typed text (see Handwriting to text) |
| Eraser | E | Object removes whole strokes; Pixel rubs out ink |
| Rectangle, Ellipse, Arrow, Line, Triangle, Star, Polygon | R, O, A, L, I, S, Y | Drag to draw the shape |
| Heart, Speech bubble, Cloud | none | Drag to draw the shape |
| Frame | F | A named region; frames are slides, containers and prototype screens |
| Text | T | Click to type |
| Sticky note | N | Click to drop a note and type |
| Stamp | B | Click to place the chosen stamp |
| Comment | D | Click anywhere to pin a comment thread |
| Laser pointer | Q | A fading pointer trail for presenting; draws nothing |
| Eyedropper | K | Click any element to pick up its colour |
Tip: H picks the Highlighter, not the hand. To pan, hold Space from any tool or use the Hand button.
Comment, Laser pointer and Eyedropper are in the rail's More flyout, which also lists the panels with their keys.
Pen options
The Pen options show the six brushes, a Width slider (1 to 20 px in half steps, with a preview of the stroke), and Colour: seven quick inks (black, slate, red, orange, green, blue, violet), a More colours button that opens a 32-colour palette, a colour Wheel and a hex field, and a row of up to eight recent colours.
Straighten on hold (on by default) turns a stroke into the shape you meant: draw a box, circle or ellipse, diamond, triangle or straight line with the Pen, Pencil, Marker or Calligraphy brush, and rest the pen for a moment (about 0.4 seconds) before lifting. Highlighter and Handwrite strokes are never straightened. If the stroke reads as a shape it is replaced by a clean one, and a line drawn between two shapes becomes a connector bound to both. Quick strokes are never touched, and ⌘Z brings your original ink back. Toggle it from the Pen options or ⌘K Toggle straighten on hold.
Shape options
The Shapes options show the ten shapes and Frame. With Polygon chosen, a Sides slider sets 3 to 12 sides (default 6). With Rectangle or Ellipse chosen, Fill offers no fill or six pastel fills. With Frame chosen, Place a frame drops a frame of a standard size in the middle of the view:
| Frame preset | Size |
|---|---|
| Slide 16:9 | 960 × 540 |
| A4 portrait | 794 × 1123 |
| Phone | 390 × 844 |
| Tablet | 834 × 1112 |
| Square | 800 × 800 |
Text and sticky notes
Click with Text to type; press Enter to finish (Shift+Enter for a new line) and Escape to cancel. Double-click any text, sticky, shape or editable wireframe to edit its words, or select it and press Enter or F2.
Sticky notes are built for brainstorming:
- Press Enter to commit a note and open the next one straight away. Next note on Enter in the sticky options chooses ↓ Below or → Beside.
- While typing in a note, Tab and Shift+Tab cycle its colour through the eight sticky colours (yellow, orange, pink, green, blue, violet, red, grey).
- Escape on an empty note that Enter just opened removes it.
- In a live session, new notes carry your name as their author.
Stamps and images
The Stamp options offer twenty stamps: smile, heart, star, check, x, warning, bell, bookmark, thumbs up, thumbs down, info, flag, lightbulb, rocket, key, lock, user, cloud, sun and moon. Pick one and click on the board, or press Place in the middle.
Insert image opens a file picker for PNG, JPEG, WebP or GIF images (it also accepts .ink boards and Excalidraw files). You can also paste an image or drop an image file onto the board. Images larger than 2,048 pixels on their longer side are shrunk to that size and re-encoded before they are stored; if one is still very large you are warned that the board may become too big to autosave.
Selecting and arranging
Click to select, Shift-click to add or remove an element, or drag a marquee. Clicking any member of a group selects the whole group. ⌘A selects everything visible and unlocked. Arrow keys nudge the selection by 1 px (10 px with Shift); a burst of nudges is one undo step. Escape clears the selection. Delete or Backspace removes it. Hold Shift while drawing a rectangle, ellipse or wireframe to keep it square, while drawing a line or arrow to snap it to 45-degree angles, while resizing a multiple selection to keep its proportions, and while rotating to snap to 15-degree steps.
The selection toolbar
A toolbar follows the selection. Its controls appear only when they apply.
| Control | What it does |
|---|---|
| Style | Width slider, colours and fill, the same controls as the Pen options, applied to the selection |
| Text | Font face (Sans, Serif, Mono, Hand) and exact size; Step S, M, L; Style bold, italic, underline, strikethrough; Align left or centre (for text) |
| Line | Dash: solid, dashed or dotted; Outline: hand-drawn or clean; Stroke: Vectorise stroke (fit curves) to turn freehand ink into smooth curves |
| Layout or Constraints | For frames and the things inside them (see Frames) |
| Align, distribute and tidy (two or more selected) | Align left, Align horizontal centres, Align right, Align top, Align vertical centres, Align bottom; Distribute horizontally and Distribute vertically (three or more); Tidy into a grid; Match width and Match height (to the first element you selected) |
| Duplicate | ⌘D |
| Delete | ⌫ |
| More selection actions (⋯) | Group (⌘G, two or more selected), Rotate left 15°, Rotate right 15° (the menu stays open so you can press them repeatedly), Flip horizontal, Flip vertical, Bring to front, Send to back, Lock, Save as component…, Share to workspace |
⌘G groups the selection so it moves as one; ⇧⌘G ungroups. Lock says "Locked — right-click an element to unlock it": a locked element cannot be selected on the board, so right-click it and choose Unlock, or use the Layers panel.
Save as component… opens a small Name this component form beside the ⋯ button.
The right-click menu
Right-click an element for its context menu. Which rows appear depends on the element.
| Rows | When |
|---|---|
| Variant…, Reset overrides (only when the instance has overrides), Detach instance | On a placed component instance |
| Push to instances | On a component's main set |
| Edit text (↵), Small text, Medium text, Large text, Bold, Italic | On text and sticky notes; a dot marks the current size and style |
| Centre text / Align left | On text only |
| Rename frame | On a frame |
| Add text / Edit text | On shapes that can hold a label |
| Content… | On the twelve wireframes with editable content |
| Add label / Edit label, Straight route, Elbow route, Curved route | On arrows and lines |
| Duplicate, Copy, Copy style, Select same kind | Always |
| Lock / Unlock, Link to frame… / Remove frame link, Flip horizontal, Flip vertical | Always (frame links are not offered on frames) |
| Bring to front, Bring forward, Send backward, Send to back | Always |
| Delete | Always |
Select same kind grows the selection to every visible, unlocked element of the same kind, for example every sticky note, so you can restyle them all at once.
Connectors that stay attached
Arrows and lines drawn from one shape to another bind to both ends: move either shape and the connector follows, re-anchoring to its edge. Each connector can carry a label (double-click it, or right-click Add label) and has three routes: Straight route, Elbow route (right angles, flowchart style) and Curved route. Change the route for several connectors at once from ⌘K (Connector: straight route, Connector: elbow route, Connector: curved route). Snapping to other elements while you move things is on by default; toggle it with Snap to objects in the zoom menu or ⌘K Toggle snapping.
Frames, layout and presenting
A frame is a named region. Frames do four jobs:
- They name the board (the first labelled frame becomes the board title).
- They are slides: presentation mode, the frame exports and the deck exports go frame by frame in reading order (left to right within a row, rows top to bottom).
- They are containers with optional auto-layout.
- They are prototype screens: any element can link to a frame.
Frame layout and constraints
Select a frame and open Layout on the selection toolbar.
| Control | Options |
|---|---|
| Contents | Free placement, Stack down, Stack across, Grid |
| Padding and Gap | Steppers, when the frame lays out its contents |
| Align | Start, Centre, End |
| Size | Hug contents (the frame shrinks or grows to fit), with a count of members |
For an element inside a frame, Constraints sets how it behaves when the frame is resized: Pin to any of nine positions (top-left through bottom-right, or Centre both ways), and for Across and Down one of Scale, Start, Centre, End or Stretch.
Prototype links
Right-click an element and choose Link to frame…, then pick a frame ("Link to frame — clicking this element in Present mode jumps there."). In presentation mode, clicking that element jumps to the linked frame. The Layers panel marks linked elements, and the Check panel reports links to frames that no longer exist and frames nothing links to.
Presenting
Press Present in the people island or ⇧⌘E (Starter and above). The frames play as slides in reading order, full screen, with only a small control bar: previous and next frame, the slide number and frame name, the Laser pointer toggle and Exit presentation.
| Key | Action |
|---|---|
| → , Space or Page Down | Next frame |
| ← or Page Up | Previous frame |
| Home, End | First, last frame |
| Q | Toggle between the laser pointer and panning |
| Escape | Exit |
If the board has no frames you are told to "Draw frames to define slides — pick the Frame tool (F) and drag out a region per slide". Hidden frames are skipped; if every frame is hidden, you are told to reopen them in Layers. ⌘K and ? still work while you present. If presentation went full screen, leaving full screen (for example with Escape) also ends the presentation.
The Frames… row in the zoom menu (and ⌘K Frames navigator) lists every frame in reading order; click one to jump to it.
The library
The Library button on the rail opens a flyout with three tabs: Boards, Wireframes and Components. Boards and Wireframes have a search box that shows how many items it covers; Components gets one once you have more than six. Keep open pins the flyout while you work. Star any board or wireframe tile to pin it to a Pinned strip at the top; up to 24 pins are kept, and the oldest is unpinned when you add more.
Boards and canvases
Ready-made boards, stamped onto your board as ordinary editable shapes, sticky notes and frames. Click a tile to place it in the middle of the view, or drag it onto the board. Each tile previews the real result. Category chips (All plus each category, with counts) filter the grid; Clear filters resets them. Some kits arrive with a facilitation agenda, which opens the Facilitate panel with its steps.
| Shelf | Examples |
|---|---|
| Workshop boards | Kanban board, Table, Timeline, Doc page, Slide deck |
| Diagram canvases | SWOT, Business Model Canvas, Lean Canvas, OKR tree, Empathy map, Customer journey, Crazy 8s, Retro board, Fishbone, Flowchart kit, Decision tree, Venn diagram, Org chart, Mind-map starter |
| Product canvases | Opportunity solution tree, Jobs to be done, Value proposition canvas, RICE prioritisation, Story map with releases, Double diamond, Kano model |
| Ops canvases | RACI matrix, SIPOC, Service blueprint, Runbook flow, Incident timeline, C4 system context, Capacity planning, Value stream map |
| Lab canvases | MoSCoW prioritisation, Wardley map starter, PEST analysis, Three horizons, Affinity diagram, Premortem, Eisenhower matrix, Cynefin |
| Flow canvases | Value stream sketch, Waste walk, A3 problem solving, FMEA grid, Bowtie risk canvas, Five whys ladder, Causal loop canvas, Fault tree scaffold, Iceberg model |
| Atlas canvases | Dependency wheel, State machine wheel, Day in the life clock, Value curve canvas, Cumulative flow diagram, Sailboat retro, Quarterly roadmap |
A kit that appears on two shelves (RACI matrix, for example) is labelled with its shelf, such as "RACI matrix · Ops".
⌘K lists each shelf by name (for example Ops canvases), opening the library already searched for that shelf.
Wireframes
111 wireframe pieces in seven groups: Devices (8), Navigation (8), Controls & forms (14), Content (22), Overlays & feedback (13), App screens (29) and Page templates (17). Free accounts can use 12 of them; the rest show a lock and say they are "part of the full wireframe kit on Starter".
- Click a tile to drop it in the middle of the view.
- Drag a tile onto the board to place it where you drop it.
- Double-click a tile, or switch on Drag-to-place tool, then drag on the board to place it at any size.
Twelve wireframes have editable content: Nav bar, Tabs, Breadcrumbs, Button, Input field, Dropdown / select, Form (stacked), Card, List rows, Data table, Badge / chip and Avatar. Right-click one and choose Content… to type its labels, links, rows or cells (tables take one row per line with cells split on |). Lo-fi squiggles switches back to the placeholder look and keeps your words for when you switch it off again.
Components
A component is a selection you save to reuse. Select something, open ⋯ on the selection toolbar and choose Save as component…, name it and press Save. The toast offers Share to workspace.
| On the Components tab | What it does |
|---|---|
| Click a tile | Place it in the middle of the view |
| Drag a tile | Place it where you drop it |
| Rename (pencil) | Rename the component |
| Delete (×, press twice) | Delete the component |
| Instance line | "N instances · N overridden" for this board |
| Push to all | Re-flow every instance to match the main set on this board |
| Reset overrides | Give overridden instances the main set's text, colour, fill and visibility back |
| Variants | Add size (sm, md, lg) and state (default, hover, disabled) axes with Add size & state axes, choose a combination and Author it; the copy appears beside the main set for you to edit |
Edit the main set on the board and instances follow; an instance you edit keeps its overrides. Right-click an instance for Variant… (switch variant in place, keeping overrides), Reset overrides or Detach instance (turn it back into plain shapes).
Personal components are kept in your browser: up to 5 on Free and unlimited on paid plans, up to about 150 KB per component and 300 KB in total (the oldest are removed beyond that, with a toast). Below them, the collapsible Workspace section lists components stored on your account (marked "Personal") and those shared with your teams (marked with the team's name), with Share selection to workspace: pick a team under "Share with…", then give the component a name. Sharing with a team workspace is an Ultra (and Enterprise) feature, and you need to be signed in and a member of a team; otherwise you see "Sign in to share components with your workspace" or "You're not in a team yet — create one from your account menu first". Deleting a shared component removes it for the whole workspace.
The board panels
The drawer on the right holds the board's panels. Open them from the rail's More flyout, their function keys, ⌘K, or ⌘. (which opens Layers if nothing else is open). Layers, Outline, Check and History are tabs of one drawer titled Board; Facilitate and Outcome open on their own.
Layers (F10)
The paint stack, top first. Each row shows the element's name or kind and lets you Show / Hide it (hidden elements are left out of the canvas and exports), Lock / Unlock it, select it, and Bring forward or Send backward. Linked elements show a link icon.
Outline (F6)
The board as a document: frames as headings and every shape as a row in reading order, with its kind, lane and connections. Unnamed shapes are flagged ("N shapes still need a name — that is what is holding this board below reviewed") with a Name it button. The speech-bubble button on each row lets you write a description of the element for screen readers and the SVG export. Click a row to select the element and bring it into view; Tab on the board walks the same order.
History (F7)
Every step the board has taken, newest first, each with what it changed (added, removed, changed, moved). Click a row to put the board back to just after that step; click a greyed row to put it back again. Undo and Redo are at the top. The log keeps up to 200 steps and is saved with the board, so it survives a reload and a board switch (on very large boards the oldest steps are dropped to stay within the board's size). In a live session, Undo takes back only your own last edit; clicking a row walks the whole timeline, including other people's steps.
Below the steps, the collapsed Checkpoints section (Starter and above; on Free, opening it shows "Version history is part of Starter…") holds saved versions of the board. A checkpoint is saved automatically, at most every five minutes and only when the board has changed, after a successful autosave (the ten most recent automatic ones are kept). To save one yourself, type an optional name in "Checkpoint name (optional)" and press Save now (disabled on an empty board). Each row is marked auto or manual. Restore needs two clicks (the button turns into "Replace sketch?") and replaces the board's current drawing; delete also needs two clicks and cannot be undone. See Version history and undo.
Check (F8)
A structural review of what the board says as a diagram, read from your shapes, labels and connectors. The top line says how much of the board could be read. Each finding names its problem and how many elements it is about; click it to zoom to those strokes.
| Kind of problem | Findings you may see |
|---|---|
| Connectors | Connector with a missing end, Connector drawn twice |
| Flow | Dead end, Flow never ends, Flow has no beginning, Shape nothing leads to, Shape with no connectors, Several separate flows on one board, Loop |
| Labels | Branch with unlabelled paths, Unlabelled loop back to the same shape |
| Layout | Shapes on top of each other |
| Prototype links | Prototype link into nothing (a link to a deleted or hidden frame), Frame no link reaches |
| The read itself | Two shapes, one id, Shape that cannot be placed, Board too large to lint in full |
When the board reads as a particular notation (a flowchart, for example), that notation's own rules can add further findings. Layout-only checks such as crossing connectors are not part of Sketch's check. Each row says whether it is about some elements ("N elements") or "about the whole board". With nothing to report, the panel says "Nothing structurally wrong with what could be read."
Fix all safe (N) applies only mechanical repairs, such as nudging a shape clear or writing yes / no on an unlabelled branch, as one undo step; anything that needs a judgement is left alone. Re-check reads the whole board again; the automatic check stops at 2,000 elements and says so, while Re-check has no limit. When the board's frames are linked as a prototype, a line under the receipt says how many frames can be reached ("Prototype links: N of M frames can be arrived at."). Write the outcome opens the Outcome panel.
Outcome
Ends a session by writing it down. It reads the board and the facilitation record and lists what it finds, each line citing the element it came from (click to zoom):
| Section | What counts |
|---|---|
| Decided | A revealed vote with a clear winner, an estimate the room converged on, or a decision recorded in the Facilitate panel |
| Owners | Sticky authors in a live session, and @name written on a sticky |
| Next steps | Text and notes in a frame whose label contains next step, action, to do, todo or commitment, and lines that start with [ ], todo:, action: or next: |
| Open questions | Text and notes that end with a question mark, or sit in a frame whose label contains question or parking lot |
| Verified | The same counts the Check panel reports |
| Not claimed | What the outcome deliberately did not infer, and why |
Save to library saves the outcome as a document in your library, permanently linked to this board. Re-read rebuilds it.
Facilitating a workshop
Open Facilitate (F9) from the people island. In a live session, everything here is shared: the timer counts on every screen and votes are collected from everyone.
| Section | Controls |
|---|---|
| Session | Appears once something has happened. A summary line, the latest decisions and vote result, and What did we decide? with Record |
| Agenda | Shown when a board kit came with one: its steps, the frame each is about, and actions for the step |
| Timer | Start, Pause, Resume, +1 min, Reset, and presets 5m, 10m, 15m (default 5 minutes). A timer chip stays on the board, and in presentation mode, when the panel is closed |
| Spotlight (live sessions) | Present my view brings everyone to your view until they opt out; Stop presenting; for others Stop following / Follow again |
| Reactions | Six emoji reactions that float up on everyone's screen |
| Dot voting | Dots each (1 to 10), Open a vote, Dot the selection, Close, Reveal, End. Totals stay hidden until you reveal; results rank the dotted elements |
| Estimation | Scale (Fibonacci, T-shirt, 1–10), Open a round, pick a card, Reveal, End. Answers stay hidden until reveal; a consensus is called out |
| Gather & sort | Columns (2 to 8) and Tidy into columns gathers the board's elements into columns by nearness; Arrange stickies in a grid tidies every sticky note |
From sketch to diagram
Clean up (no AI)
⌘K Clean up — boxes and arrows from ink, or Clean up ink from the prompt, recognises hand-drawn boxes, diamonds, ellipses, triangles, arrows and labels in the selection (or the whole board). A card reports what it found ("Recognized N shapes and M connectors…") and offers:
- Tidy in place: replace the recognised ink with clean shapes and bound arrows, as one undo step.
- Send to Weave: copy the result for the Weave canvas (paste with ⌘V) or open Weave with it loaded.
If nothing reads as a diagram you see "Nothing here reads as boxes and arrows yet".
Convert sketch to diagram
⋮ › Convert sketch to diagram, ⌘K, or Convert to diagram in the prompt's suggestions opens Convert your sketch to a clean diagram.
- Optionally press Need an idea? Show what to sketch for suggestions that pre-select a target engine.
- Pick a Target engine: Auto-detect first, then groups headed Flow / process, Architecture, Data / charts, Domain-specific and Research-native. Hovering an engine shows what it is for and which studio it opens in. On Free, a note reads "Free: 5 engines · Unlock 19 with Starter or paste a key in Settings", and the locked engines are greyed out with a Plus badge; in fact any paid plan (Starter and up) unlocks them, and a key of your own also needs Starter.
- Press Convert ("Reading your sketch…" while it works).
Sketch reads your ink directly first. For Auto-detect (which reads as Mermaid), Mermaid, Graphviz, D2, PlantUML and DBML, if the drawing has enough structure, the result is produced in your browser with no AI and no points ("Read straight from your ink — Mermaid, no AI involved"), with a What was read receipt listing anything it could not read and any shapes that arrive unlabelled. Otherwise a picture of the board, plus whatever structure was read, is sent to the flowss Sketch Agent, and a note explains why ("Reading the ink directly wasn't enough — …", or, for an engine the ink read cannot produce, "Reading the ink directly produces Mermaid, DOT, D2, PlantUML and DBML, and you asked for …"). The result card then reads "AI proposed a … diagram". An AI convert is a vision request and costs twice a standard request.
Note: Weave is one of the five free targets, but it is not an ink-read engine: a convert to Weave always goes to the flowss Sketch Agent, so on Free it is refused. To move a drawing into Weave without AI, use Clean up and then Send to Weave.
| Target engines (19) | Opens in |
|---|---|
| Auto-detect, Mermaid, PlantUML, BPMN 2.0, Service Blueprint, Graphviz (DOT), D2, Structurizr, Wardley Map, Pikchr, SVGBob (ASCII), Vega-Lite, Plotly, DBML, Bytefield, Newick (phylogeny), Petri Nets | Studio |
| Weave | Weave canvas |
| FlowScript | The Lab |
The result card shows the source in an editable box and offers Open in Studio (or Open in Weave canvas or Open in The Lab, depending on the engine), Download source, Copy source, Merge back onto the board (for Mermaid, Graphviz, D2, PlantUML and DBML, once you have edited the source: adds what the text describes to the board as real bound shapes) and Try again. If there is nothing to convert, a Nothing to convert yet card explains why and adds "Your drawing is safe here — Sketch is the hand-drawn canvas, so there is nowhere better for it to go until it has a diagram in it." The convert dialog also has a Need an idea? Show what to sketch toggle (it becomes Hide suggestions); the ideas are grouped by category and each shows the engine it usually lands on.
If AI is switched off on the server you are using and you have no AI key of your own, the dialog says "AI is off — no platform key is configured" and offers Convert from your ink (no AI) and Or tidy it in place on this canvas (Clean up) instead. On Free, which has no AI, a convert works whenever your ink can be read directly; one that would need the flowss Sketch Agent is refused.
Handwriting to text
Write with the Handwrite tool (W), then choose Handwriting to text (⌘K or the prompt). The flowss Sketch Agent reads your latest handwriting and replaces it with typed words. Words it is unsure of are underlined, with the ink kept beside them to check; the toast offers Undo. This is a vision request.
Generate wireframes with AI
Type a description of a screen in the prompt in Quick mode, or use ⌘K Generate wireframes with AI, which opens Generate a wireframe from a description with three examples to click: "A checkout page with cart summary and payment form", "A settings screen with sidebar navigation" and "A mobile login screen with social buttons". Press Generate wireframes (⌘Enter; it reads "Laying out your screen…" while working) or Cancel (Esc). The AI lays the screen out from the wireframe library, and the pieces are placed grouped and selected, fully editable ("Placed N wireframes — grouped and selected"). If you run out of points, the dialog offers to buy a top-up pack right there.
The flowss Sketch Agent
Switch the prompt to Agent and send a request, or choose Open the flowss Sketch Agent in ⌘K. The agent opens in a sheet above the prompt titled flowss Sketch Agent — Sketch interpreter. It builds and refines diagram source: describe a diagram and it builds one, or convert your sketch first and ask it to fix a mis-read, complete the diagram or change its type. Its result replaces the converted source, and Open in … takes it to the right studio. The panel is being redesigned; the behaviour described here is what it does. See The flowss Studio Agent and its modes.
Send to another studio
Share › Send reads the board as a diagram (the same read as Convert from ink) and sends it to another studio, converting if needed. A board with no diagram in it cannot be sent yet, and the message says why. See Moving work between studios.
Importing and pasting
| What | How | Result |
|---|---|---|
| An image | Paste, drop a file, or ⋮ › Import › Insert image | Placed on the board, shrunk if large |
| A whiteboard photo, screenshot or diagram link | ⋮ › Import › Import a photo, paste or link, or the prompt's attach button | A flowchart reading is placed on the board as shapes, beside your photo when there is one. Readings that are not flowcharts are left for the Studio |
| A Sketch board file | ⋮ › Import board (.ink), or drop the file | Opens as a new board with strokes, bindings, components and comments |
| An Excalidraw scene | Insert image, or drop the .excalidraw file | Placed as editable elements; anything that could not be converted is listed |
| Mermaid or Graphviz text | Paste on the board | "That looks like a Mermaid diagram (N nodes)" with Place as shapes; the arrows stay bound |
| Shapes copied from Weave or Science | Paste | Placed as editable shapes |
| Elements copied from Sketch | Paste | Pasted with their bindings; a copy also carries a PNG for pasting into other apps |
Exporting
All exports are in ⋮ › Export. PNG exports use the board's paper colour for your current theme unless stated otherwise.
| Export | What you get |
|---|---|
| Export PNG (⇧⌘P) | The board at 1x |
| Export PNG (2×) | The board at 2x. A board too large for 2x is exported at the largest scale the browser allows, and the toast says so |
| Export transparent PNG | No background |
| Copy PNG to clipboard | The board on white, ready to paste |
| Export selection as PNG / as SVG | Just the selected elements |
| Export SVG | Vector, any resolution; text stays editable text, with the board's title and a text description for accessibility |
| Export frames (SVG) / (PNG) | One file per frame in reading order, named after each frame (PNG at 2x) |
| Export deck (PDF) | One page per frame in reading order, on white; with no frames, the whole board on one page |
| Export deck (.pptx) | A real PowerPoint deck: one slide per frame, the frame label as the title and its contents as bullets; with no frames, the whole board becomes one slide |
| Export as document (.docx) | A real Word document: one heading per frame with its contents beneath; with no frames, the whole board becomes one section |
| Export board (.ink) | The whole board as a file you can back up, compare or open on another account: strokes, bindings, components, comments and the workshop record |
Hidden elements are left out of exports. Whole-board PNG and SVG files are named sketch- followed by a timestamp; the PDF deck is sketch-deck.pdf (or sketch-board.pdf for a one-page board), and the PowerPoint and Word files are sketch-deck.pptx and sketch-deck.docx. Export selection as PNG and Export selection as SVG need a selection first ("Select something first to export it"). Very large boards are rasterised at a reduced scale so the PNG stays a manageable size; the toast tells you when a 2× export came out smaller. See Exporting your work.
Comments
Pick Comment (D), or New comment in the Comments flyout ("Click anywhere on the board to pin it · D"), and click anywhere on the board to pin a thread there ("Leave a comment — it pins right here and saves with the sketch…"). Press Enter to post (Shift+Enter for a new line, Escape to discard). Click a pin to open its thread: reply in the "Reply…" box, Resolve this thread or Re-open this thread, Delete your reply, or Delete this thread (which removes every reply). The Comments button in the people island shows the number of unresolved threads and lists every thread, newest first; click one to jump to its pin. ⌘K Show comments opens the same list.
Comments are saved with the board and sync live in a live session. A comment longer than 2,000 characters is trimmed ("Comment trimmed to 2,000 characters"); a thread keeps 50 messages, after which its oldest replies are removed; a board keeps 200 threads, after which the oldest thread is removed ("Comment limit reached — the oldest thread was removed to make room"). Clearing the board deletes its comments permanently. See Comments and review.
Live sessions
In a Sketch live session everyone draws on the same board at the same time, with live cursors. Hosting needs Plus (up to 3 people, you included) or Ultra and Enterprise (no cap); guests can join on any plan, including Free, but must be signed in. If your plan cannot host, Start live session is shown locked with a sentence naming the plan that unlocks it.
- Open Share and choose Start live session. The link is copied: "Live link copied — anyone who opens it lands in this sketch with you".
- When someone opens the link while their own board has content, the session opens on a new board for them (titled "Live session" plus the session code), so their work is never replaced ("Joined the live session on a new board — your own board … is still in your library, untouched."). On Free, if they already have 3 boards, the join is refused instead ("Couldn't join the live session — it opens on a board of its own, and no new board can be made…").
- A Follow strip shows a chip per person; click one to ride their view until you pan or zoom yourself.
- Use Copy live link and Leave session ("Your sketch stays as it is") from the Share popover. Voice is per person and needs Ultra or Enterprise: Join voice (peer-to-peer, beta), then Mute microphone / Unmute microphone, Share your screen / Stop sharing your screen and Leave voice.
Comments, the timer, votes, estimates, reactions and spotlight are all shared. Switching to another board leaves the session ("Left the live session — switching boards would have replaced the shared canvas"). Very large pasted images stay on your own board and are not synced ("Some pasted images are too large to sync live — they stay on your canvas only"). Sketch has no copy-a-link permalink: the Copy link row at the top of the Share popover is greyed out and reads "Save it to share a link", but there is no save-to-share for boards. To share a board outside a live session, export it (the .ink file reopens fully editable) or send it to another studio. See Live collaboration.
Finding things on a board
⌘F opens Find on board ("Find on board…"): type to search every sticky, label and note; the counter shows the match number. Enter goes to the next match, Shift+Enter to the previous, Escape closes; the bar also has Previous match, Next match and Close find buttons. The minimap (⇧M, on by default once the board has content, toggled from the zoom menu) shows the whole board with a viewport rectangle you can drag to pan.
The zoom percentage in the view island opens the zoom menu: Zoom to fit (⇧F), Zoom to 100% (⌘0), Frames…, Snap to objects (a tick shows it is on), Minimap (⇧M), Full screen and Hide interface (⌥Z). On a phone the same menu also carries Zoom in and Zoom out. Sketch has no "Zoom to selection".
Keyboard shortcuts
Press ? for the in-studio cheat sheet.
| Action | Mac | Windows / Linux |
|---|---|---|
| Tools | V, P, C, M, G, H, W, E, R, O, A, L, I, S, Y, F, T, N, B, D, Q, K (see the tool table) | Same |
| Pan | Hold Space | Hold Space |
| Undo, redo | ⌘Z, ⇧⌘Z | Ctrl+Z, Ctrl+Shift+Z or Ctrl+Y |
| Duplicate | ⌘D | Ctrl+D |
| Select all | ⌘A | Ctrl+A |
| Group, ungroup | ⌘G, ⇧⌘G | Ctrl+G, Ctrl+Shift+G |
| Edit text | Enter or F2 | Enter or F2 |
| Delete | Delete or Backspace | Delete or Backspace |
| Nudge | Arrow keys (Shift for 10 px) | Arrow keys (Shift for 10 px) |
| Bring forward, send backward | ], [ | ], [ |
| Bring to front, send to back | Shift+], Shift+[ | Shift+], Shift+[ |
| Find on board | ⌘F | Ctrl+F |
| Zoom in, out, reset | ⌘=, ⌘−, ⌘0 | Ctrl+=, Ctrl+−, Ctrl+0 |
| Fit to content | ⇧F | Shift+F |
| Minimap | ⇧M | Shift+M |
| Present | ⇧⌘E | Ctrl+Shift+E |
| Export PNG | ⇧⌘P | Ctrl+Shift+P |
| Outline, History, Check, Facilitate, Layers | F6, F7, F8, F9, F10 | F6, F7, F8, F9, F10 |
| Board drawer | ⌘. | Ctrl+. |
| Focus the prompt | ⌘/ | Ctrl+/ |
| Document status | ⇧⌘M | Ctrl+Shift+M |
| Previous, next board | ⌥⌘←, ⌥⌘→ | Alt+Ctrl+←, Alt+Ctrl+→ |
| Hide interface | ⌥Z | Alt+Z |
| Command palette | ⌘K | Ctrl+K |
| Keyboard shortcuts | ? | ? |
Scroll to pan, and hold ⌘ (Ctrl) while scrolling to zoom; on touch screens, pinch to zoom and drag with two fingers to pan. Presentation keys are listed under Presenting. See Keyboard shortcuts.
Tips
- Label frames as you go: the first one names your board, and frames become slides, deck pages and prototype screens for free.
- Draw boxes and arrows with the Pen and rest the pen at the end of each stroke; they become clean, bound shapes as you draw, and your diagram is ready to convert.
- Before converting, open Check (F8) and use Fix all safe; unlabelled branches and loose connectors are what usually stop a clean read.
- Try Convert with Mermaid or D2 first: when your ink has enough structure it converts instantly, offline and without spending points.
- Use Select same kind from the right-click menu to restyle every sticky or arrow at once.
- Run a retro from the library's Retro board or Sailboat retro, open Facilitate for the timer and dot voting, then Write the outcome and Save to library.
- Use Export board (.ink) before a big change; it is the only export you can open again as a fully editable board.
Limits and known constraints
- Boards are stored in your browser first. Each board has a size budget for autosave; large pasted images use it fastest. Export important boards as
.ink. - Free keeps 3 boards, 5 personal components and 12 wireframes. Presenting and checkpoints need Starter.
- The undo log keeps up to 200 steps per board.
- Automatic checkpoints are saved at most every five minutes, and only when the board has changed; the ten most recent automatic ones are kept.
- Personal components are limited to about 150 KB each and 300 KB in total; up to 24 library tiles can be pinned.
- The automatic Check stops at 2,000 elements; use Re-check for larger boards.
- Converting from ink without AI covers Mermaid, Graphviz, D2, PlantUML and DBML; other engines, Weave included, need the flowss Sketch Agent, which Free does not have.
- The Check panel reads structure, not layout: it does not report crossing connectors or misaligned shapes.
- Merge back onto the board works for Mermaid, Graphviz, D2, PlantUML and DBML only.
- PNG exports are limited by the browser's maximum canvas size and are scaled down for very large boards; SVG is not.
- Guests in a live session must be signed in; on Free, joining needs a free board slot.
- Sketch has no shareable permalink; share live, export, or send to another studio.
Troubleshooting
| You see | What it means and what to do |
|---|---|
| "Local storage is full — this board could not be autosaved." | Free space by deleting boards or components you no longer need, and export this board as .ink |
| "This board is too large to autosave — export a PNG to keep it, or delete pasted images." | Remove or replace large images; export the board now so nothing is lost |
| "That image is very large even after shrinking — the board may be too big to autosave" | Consider a smaller image |
| "Free accounts keep 3 figures in a studio, and this one is full…" (or "This studio holds N figures, and free accounts keep 3…") | Free keeps 3 boards in Sketch; New board, Duplicate, the demo board, .ink imports and joining a live session on a new board all need a free slot. Delete one, or upgrade to Starter. Nothing you already have is changed |
| "Presentation mode (frames as slides) is part of Starter…" or "Version history is part of Starter…" | These features need Starter or above |
| "That preset is part of the full … wireframe kit on Starter…" | Use one of the 12 free wireframes, or upgrade |
| "Free keeps 5 personal components on the shelf. Starter removes the cap." | Delete a component or upgrade |
| "That engine is part of the full convert kit on Starter. Auto-detect, Mermaid, Weave, D2 and Graphviz stay free." | Pick a free engine, or upgrade to Starter (where you can also use your own AI key) |
| "AI is off — no platform key is configured" in the convert dialog | AI is unavailable on this server and you have no key of your own. Use Convert from your ink (no AI) or Or tidy it in place on this canvas (Clean up) |
| "No handwriting found." | Nothing written with the Handwrite tool was found to read |
| "Select something first to export it" | Select the elements you want before Export selection as PNG or as SVG |
| "The board isn't ready yet — give it a moment and export again." | The canvas was still loading. Wait a moment and export again |
| "Draw frames to define slides…" or "No frames yet — pick the Frame tool (F)…" | Add frames with the Frame tool (F) before presenting or exporting frames |
| "Every frame on this board is hidden — reopen the eye in the Layers panel…" | Show the frames again in Layers (F10) |
| "Nothing here reads as boxes and arrows yet" | Clean up found no shapes; draw clearer closed shapes, or select just the diagram part |
| "There's no diagram structure in this yet — add a label or an arrow and try again." | Convert needs shapes joined by connectors or labels |
| "Pick the Handwrite tool first, then write…" | Handwriting to text only reads ink drawn with the Handwrite tool (W) |
| "Couldn't read it — try writing larger or darker." | Write more clearly and try again |
| "The converted diagram could not be handed to that workstation…" | Browser storage is full. Free some space, or use Download source |
| "This board can't be sent yet — …" | The board has no diagram structure to send; the message gives the reason |
| "The flowss Sketch Agent's reply didn't contain a usable wireframe layout…" | Rephrase the description and try again |
| "These wireframes were asked for on … — you switched boards…" | Reopen that board and generate again |
| "Clipboard image copy isn't supported in this browser" or "The browser blocked the clipboard write…" | Click the board once and try again, or use Export PNG |
| "The clipboard is only available on a secure (https) page." | Copying needs a secure page; use Export PNG instead |
| "That JSON file isn't an Excalidraw scene or a Sketch board (.ink)" | Only .ink and Excalidraw files are recognised |
| "That reading isn't a flowchart Sketch can draw — open it in Studio instead" | The imported photo or link was read as another kind of diagram. Import it in the Studio instead |
| "Couldn't load … — you may be offline, or this tab may be running an older build. Reload and try again." | Reload the page |
| "Couldn't join the live session — it opens on a board of its own, and no new board can be made…" | On Free, delete a board to make room, then open the link again |
| "Left the live session — switching boards would have replaced the shared canvas" | Expected; rejoin from the invite link |
| "Those strokes are locked or hidden — nothing to select" | Unlock or show them in Layers (F10) |
For anything else, see Troubleshooting and FAQ.
Related pages
- Sketch learn track: a nine-minute guided introduction
- Weave, where cleaned-up sketches can continue as a structured canvas
- BPMN for formal process models
- Choosing an engine and the engine reference
- Importing and converting
- Your library, Moving work between studios and Version history and undo
- Live collaboration, Comments and review and Teams and organisations
- AI in flowss, AI points and limits and Bring your own AI key
- Exporting your work
- Use cases by role
- Plans and what they include
