Almost every diagram is shapes joined by arrows. livediagram makes both fast: shapes come from the Palette, and arrows snap between shapes with quick-connect. This article covers the basics; for the full catalogue see Shapes and Arrows.
Adding shapes
The Palette panel (top-right of the canvas, labelled PALETTE) holds everything you can add, sorted into categories you pick from at the top. It opens on Favourites, a grid of the tiles most people reach for. See where each one lives for the full map.
Open the Shapes category and pick a shape: square, circle, diamond, cylinder, hexagon, stadium, and many more.
Tap the tile to drop the shape at its natural size, or drag on the canvas to draw it at exactly the size you want.
Double-click the shape to add a label, then type. Enter or a click elsewhere commits it.
Beyond plain shapes, the Devices category has UI frames for wireframes (browser, phone, laptop), and Icons is a searchable grid of line icons. Tech is the separate catalogue of full-colour cloud and infrastructure marks, see Technology icons.
Connecting with arrows
The fastest way to draw an arrow is quick-connect:
Drag from a + onto another shape. livediagram draws an arrow pinned to both, so the arrow follows whenever you move either shape.
To draw a free connector instead, pick the Arrow tool from the Draw category and drag between any two points.
Styling arrows
Select an arrow and right-click it to open its formatting:
- Line style: straight, curved, or angled (an L-shaped elbow).
- Line pattern: solid, dashed, or dotted.
- Thickness and arrowhead shape, size, and which ends carry a head.
- Label: double-click an arrow to type a label that rides the line.
- Pass behind boxes: on by default, so a long arrow crossing an unrelated shape ducks under it instead of drawing a line over its label. Turn it off per arrow from the Line category if you want the old always-on-top look.
Curved and angled arrows expose draggable handles so you can shape the path exactly.
Working in a flow? Drop a shape, label it, quick-connect to the next spot, and repeat. Because a new shape can inherit the selected one's size, chained nodes stay tidy without fiddling.
Was this article helpful?