The Command Palette

Pick tools and drop new elements onto the canvas from the floating palette that sits on top of your diagram.

The command palette is the small floating panel that sits over the canvas, labelled PALETTE. It holds the canvas tools and a row of categories for everything you can add to a diagram, so it is your main launchpad while you build.

Tools and categories

The top of the palette is a row of canvas-tool toggles: Select, Hand (pan), Laser, and Eraser, plus the Format painter as a tool. Below the tools sits a category tab bar that keeps the panel compact however much it holds.

The categories are:

  • Shapes (open by default): squares, circles, diamonds, cylinders, and many more.
  • Tools: text, arrows, sticky notes, tables, frames, annotations, link cards, and data charts.
  • Devices: browser, monitor, laptop, phone, tablet, and watch frames for wireframing.
  • Icons: a searchable grid of single-colour line glyphs, plus full-colour technology brand marks.

Click a category tab to open its panel, click it again to collapse, or click another to switch. Only one category is open at a time, so the palette never sprawls.

Adding elements

Most shapes and elements arm a tap-or-drag gesture: tap the canvas to drop the element at its natural size, or drag to size it as you place it. Icons, tables, and annotations instead drop at the centre of the visible canvas, ready to move.

If a boxed element is already selected when you add another, the new one inherits its width and height, so you can chain similarly-sized nodes quickly.

The palette is fully movable: drag its header to reposition it, and use the collapse button to shrink it to a banner and reclaim canvas space. On phones it opens instead from the top-right mobile dock.

Prefer a tidier workspace? Turn on the Minimal panel layout in Settings to swap the floating palette for a compact dock of buttons that open each panel as a popover.

Was this article helpful?