Shapes and connectors
Shapes and connectors
Shape kinds
| Kind | Notes |
|---|---|
| Rectangle, ellipse, diamond | The basics |
| Polygon | Any number of sides, plus star, cloud, callout and semicircle presets |
| Container | A frame that owns the shapes inside it. Moving it moves them |
| Group | A selection bound together without a visible frame |
| Icon | A glyph from an icon pack or your own SVG |
| Service | A labelled cloud- or platform-service block |
| Table | Rows and columns of cells |
| Text | A standalone label with no box |
| Note | A sticky, normally on the Notes layer |
| Image | A raster image |
| Freehand | Pen strokes |
The inspector
Selecting a shape opens the inspector on the right: stroke and fill, fill opacity, line weight, dash, prism, corner roundness and opacity under Appearance; font, size and text colour under Typography; then the shape's Label and Body text.
Containers
A container owns its children. Drag the container and everything inside moves; resize it and the children stay put. Nesting is unlimited. Use one container per boundary, whether that boundary is a VPC, a team, or a process stage.
Press 8 for the container tool, then drop shapes inside it.
Connectors
Hover a shape and drag from its edge to draw a connector to another shape. The endpoints stay attached when either shape moves.
| Gesture | Effect |
|---|---|
| Alt + drag | Pull an endpoint free of any shape, with no auto-snap |
| Shift + drag | Lock the connector to a horizontal or vertical line |
| Right-click a waypoint | Delete that bend |
| Tab | Reverse the connector's direction |
Routing is straight, curved or orthogonal per connector.
Moving and resizing
| Gesture | Effect |
|---|---|
| Cmd + drag | Duplicate and drag the copy |
| Alt + drag | Move without snapping |
| Shift + drag | Lock to one axis |
| Cmd + resize | Resize from the centre |
| Shift + resize | Lock the aspect ratio |
| Alt + rotate | Rotate freely, skipping the 15° snap |