The quickest way to learn livediagram is to build something. This walkthrough takes you from a blank canvas to a small connected diagram. You do not need to sign in, the canvas always works as a guest.
Create a new diagram
Open a new diagram. This is livediagram's entry point: the New Document wizard, in two steps, Mode and Location.
On the Mode step, pick what you are making: Diagram, Draw, Facilitate, Illustrate or Plan. Each card shows a few of the things that mode makes and, on a computer, its number: press 1 to 5 to pick it from the keyboard. Clicking a card moves you on (or, with Always save new documents in … and skip this step switched on, creates it there and then). Choose Diagram to follow along.
On the Location step, give the document a name, pick where it is saved (livediagram, your account, or Local Browser, this device only) and which folder it goes in. Press Create and the editor opens on your new document.
The empty tab opens on Start Diagramming: Recommended picks and every Diagram template by category, with a search. Click one to start from it, or choose Blank Diagram (or the ×) to follow along from scratch. Templates for the other modes wait in their own starts, and Something Else opens every template there is.
On your very first document, once you have picked a template or closed Start Diagramming, the editor offers the Diagram Tour of the essentials. Take it or dismiss it; you can rerun it any time from Settings, under Tours.
In a hurry? Skip on the Mode step creates a Blank Diagram straight away, with no Location step. Start Blank in the livediagram site header (on a computer) offers Blank Diagram, Blank Whiteboard, Blank Illustration, Blank Plan and Blank Session from any page of the site, or open /new?blank=1 directly. The wizard's X (or Escape) backs out without creating anything, and Open Existing Document jumps to your library instead.
You can rename the document later: click its title in the header at the top of the editor and type. Renaming is instant and saved for you. Names cap at 60 characters: typing simply stops there, which is plenty for a title and short enough to stay readable in a tab bar or a list row.
Add your first shapes
Find the Palette, the strip across the top of the canvas. Its categories sit along it by name: rest on Shapes and its panel opens, with Square, Circle and Diamond first. Everything else is one press away in the other categories.
Click a shape tile, then click the canvas where you want it: it drops there at its default size. Or, after picking the tile, drag on the canvas to draw it at the size you want, or drag the tile itself straight onto the canvas. Try a Square to start.
Double-click the shape to add a label, then type. Enter starts a new line; click away to finish the label, or press Escape to cancel. A selected empty shape also shows an Add Text button in its toolbar, and simply typing while a shape is selected starts a label too.
Drop a second shape nearby the same way. If a shape is selected when you pick the next tile, a click drops the new shape at the same size, handy for chaining similarly-sized nodes.
For the full set of shapes, devices, and icons you can drop, see the Palette guides.
Connect them with arrows
Select a shape and look for the quick-connect + buttons around it. Drag one onto another shape to draw an arrow that stays pinned to both, or click it to open its options and drag Arrow instead. (On a phone, tap Arrow, then tap the target.) Duplicate in the same options makes a connected copy of the shape beside it in one go.
Prefer to draw freely? Pick Arrow from the Palette (it is in the Draw category), or press
A, and drag between two points.
Right-click an arrow (long-press on touch) to change its style: Straight, Curved or Angled in the Line section, with its thickness and pattern, and the arrowheads under Pointer. Double-click an arrow to give it a label.
Keep going
You now have a connected diagram. From here you can:
- Move and multi-select. Drag to reposition; drag on empty canvas to marquee-select several elements at once, or Shift-click to add one at a time.
- Recolour everything with a theme.
- Share it live. Hand a colleague a link and they join the same canvas. See Sharing your document.
Made a mistake? Undo and Redo sit in the controls in
the bottom-right corner (or press Cmd/Ctrl+Z), and the common keyboard shortcuts are in
Keyboard Essentials.
Was this article helpful?