Whiteboard
Sketch ideas, map out flows and leave sticky notes together with your team, on one canvas, at the same time.
Adding A Whiteboard
- Click on the project page where you want the Whiteboard to be added, and type / to open the element menu
- Search for Whiteboard
- Select it to add it to the page
Drawing
Select a tool in the toolbar, or press its key while the Whiteboard is selected.
| Tool | What it does |
|---|---|
| Select (V) | Select, move and resize |
| Draw (D) | Draw freehand with the brush |
| Rectangle (R) | Draw a rectangle |
| Ellipse (O) | Draw an ellipse |
| Arrow (A) | Draw an arrow |
| Line (L) | Draw a line |
| Sticky Note (S) | Add a sticky note, in the Note Colour you've selected |
| Text (T) | Click to add text |
| Eraser (E) | Erase anything you don't need |
Hold Shift while you draw to make a square or a circle, or to keep a line at 45°.
Brush, Colour And Opacity
Set how the brush draws in the brush settings: its type (Fine Tip, Bullet Tip, Brush Tip or Chisel Tip) and its opacity. Set its Size and Stroke Colour in the toolbar. On a small screen, the size is in the brush settings too.
Adding Pictures And Files
Drag files onto the whiteboard, or hover + in the toolbar and select Import file to upload pictures, PDFs, or Illustrator, Photoshop, Sketch or XD files. You can also select Pick from inventory to add a file you've already uploaded, and Add from museum or Add from stock images.
Layers
Everything on the whiteboard is on a layer. Open the layers panel with the layers icon, or ⌘ / Ctrl + Shift + L, to add layers, drag them into order, and hide, lock, rename, duplicate, merge or delete them.
Adding A Data Source
Hover + and select Connect data source to bring in items from a Moodboard, Mindmap, User Feedback, Storyboard, Colour Palette, Inventory List or, on Studio and Pro, a floor of a Blueprint. They update when the source does.
Using A Whiteboard As A Data Source
A Moodboard, Storyboard or Table can show the whiteboard, and a To Do List, To Do Kanban, Content Calendar or Timeline can add it, or one of its sticky notes, to a task. Hover + on the whiteboard and select Copy connection ID to find it quickly in their list. They update when the whiteboard changes.
Client Approval
When you send the page to a client in a client revision, they can approve the whiteboard.
Export Your Whiteboard
Click the download icon in the whiteboard's toolbar. The formats are:
- PNG
- JPEG
- TIFF
- SVG
- JSON
Keyboard Shortcuts
These shortcuts work when the Whiteboard is selected:
| Action | Shortcut |
|---|---|
| Fit everything in view | F |
| Pick a colour from the canvas | I |
| Select everything | ⌘ / Ctrl + A |
| Add to the selection | Shift + click |
| Show or hide the layers | ⌘ / Ctrl + Shift + L |
| Duplicate the selected shapes | ⌥ / Alt + D |
| Bring the selection forward | ⌥ / Alt + ↑ |
| Send the selection backward | ⌥ / Alt + ↓ |
| Bring the selection to the front | ⌥ / Alt + Shift + ↑ |
| Send the selection to the back | ⌥ / Alt + Shift + ↓ |
| Import a file | ⌘ / Ctrl + I |
The tool shortcuts are in the table under Drawing.