Adding & Selecting Elements
The tool palette
Section titled “The tool palette”The tool palette runs across the center of the header. Each tool is activated by clicking it or pressing its keyboard shortcut.
| Tool | Key | What it adds |
|---|---|---|
| Select | V | Selection tool (default) |
| Hand | H | Pan tool |
| Rectangle | R | Rectangle shape |
| Circle | O | Circle shape |
| Triangle | G | Triangle shape |
| Line | L | Straight line |
| Arrow | A | Arrow (line with arrowhead) |
| Star | S | Star shape |
| Polygon | P | Regular polygon |
| Curved Rectangle | U | Rectangle with a curved side |
| Text | T | Text element |
| Image Variable | I | Image placeholder (for variable images) |
| QR Code | Q | QR code element |
| Barcode | B | Barcode element |
The shape tools share one slot in the toolbar — the last-used shape is shown as the primary button. Click the arrow to expand the dropdown and pick a different shape.
Adding an element
Section titled “Adding an element”- Activate a tool (click or press the shortcut key).
- Click on the canvas to place the element at a default size, or click and drag to draw it at a custom size.
- The element is added and selected immediately.
Image Variable works differently: clicking it (or pressing I) adds a 200 × 200 px placeholder at the center of the canvas straight away. QR Code and Barcode are placed at a default size where you click. For all three you configure the content in the Properties panel.
Selecting elements
Section titled “Selecting elements”Single select: Click any element with the Select tool (V). Selection handles (blue squares) appear at the corners and edges.
Multi-select: Hold Shift and click additional elements. You can also drag a marquee selection rectangle over multiple elements.
Select all: Cmd/Ctrl + A.
Deselect: Press Escape or click on an empty area of the canvas.
Moving elements
Section titled “Moving elements”Drag a selected element to reposition it.
Resizing elements
Section titled “Resizing elements”Drag a corner handle to resize while keeping the aspect ratio; hold Shift while dragging a corner to change width and height independently. Edge handles stretch one side. QR codes and barcodes have corner handles only.
The floating selection menu
Section titled “The floating selection menu”A small toolbar floats above the selected element(s):
- Single selection: Layer Order dropdown, Lock/Unlock toggle, Duplicate, Delete.
- Multi-selection: Align dropdown (Left/Center H/Right/Top/Center V/Bottom), Distribute dropdown (Horizontally/Vertically), Layer Order, Lock/Unlock, Duplicate, Delete.
Context menu (right-click)
Section titled “Context menu (right-click)”Right-click a selected element for: Cut, Copy, Paste, Duplicate, Bring to Front, Send to Back, Lock/Unlock, Delete.
Right-click an empty canvas area for: Paste, Select All, Canvas Settings….
With several elements selected, the right-click menu offers Cut, Copy, Duplicate, Group and Delete.