Skip to main content

Shapes and connectors

Shapes and connectors

Shape kinds

KindNotes
Rectangle, ellipse, diamondThe basics
PolygonAny number of sides, plus star, cloud, callout and semicircle presets
ContainerA frame that owns the shapes inside it. Moving it moves them
GroupA selection bound together without a visible frame
IconA glyph from an icon pack or your own SVG
ServiceA labelled cloud- or platform-service block
TableRows and columns of cells
TextA standalone label with no box
NoteA sticky, normally on the Notes layer
ImageA raster image
FreehandPen 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.

The shape inspector: Appearance with stroke, fill, line, dash, prism, roundness and opacity, then Typography, Label and Body

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.

GestureEffect
Alt + dragPull an endpoint free of any shape, with no auto-snap
Shift + dragLock the connector to a horizontal or vertical line
Right-click a waypointDelete that bend
TabReverse the connector's direction

Routing is straight, curved or orthogonal per connector.

Moving and resizing

GestureEffect
Cmd + dragDuplicate and drag the copy
Alt + dragMove without snapping
Shift + dragLock to one axis
Cmd + resizeResize from the centre
Shift + resizeLock the aspect ratio
Alt + rotateRotate freely, skipping the 15° snap