Mossnote docs Open Mossnote

Maps

Drawing tools

Every map tool, how to select and edit objects, tidy-up drawing, snapping, styles, text and connectors.

The tools#

Choose a tool in the strip on the left, or press its letter when the cursor is not in a text box. A short hint for the current tool appears when you point at it.

ToolKeyHow to use it
SelectVClick an object to select it, drag it to move it, drag on empty canvas to select several. Hold Shift to add to a selection Not verified
PanHDrag to move around the map.
DrawBDraw freehand. Rough shapes are tidied up for you (see below).
LineLDrag from one point to another.
ArrowADrag from the tail to the head.
BoxRDrag a rectangle. Hold Shift for a square.
CircleODrag an oval. Hold Shift for a circle.
AreaYClick each corner of a shape. Double-click or press Enter to finish.
ConnectCDrag from one object to another to join them with a connector that follows them when they move.
TextTClick to type a label. Enter finishes; Esc cancels.
NoteSClick to place a sticky note. ⌘Enter finishes (plain Enter adds a new line); Esc cancels.
MarkerKClick to drop a marker, then type its name. See Markers.
MeasureMDrag to measure a distance. See Measuring.

After you draw something the editor switches back to Select, unless you turn on View → Keep the tool after drawing.

Tidy-up drawing#

With the Draw tool, a rough stroke that looks like a line, an arrow, a rectangle, a circle or a polygon is replaced by the clean shape. A message appears: Tidied up as rectangle. with Keep my drawing, which puts your original stroke back.

A rough rectangle has just been drawn freehand and replaced by a clean rectangle. A message at the top of the canvas, outlined in orange, reads Tidied up as rectangle with a Keep my drawing link and a close button.
The message after a stroke is tidied up. (1) Keep my drawing restores the original.

Turn the behaviour off in View → Tidy up rough shapes; strokes then stay exactly as you drew them.

Selecting and editing#

Select an object to see handles on it. Drag the corners to resize, the round handle above it to rotate, and the body to move. When something is selected, a small quick bar floats near it, and the Details tab fills with options.

The map editor with a marker selected. A floating quick bar with a colour dot and Details, Name, Copy, Lock and Delete buttons sits over the canvas, and the side panel shows a Details, icon, tags, link button. Both are outlined in orange.
A selected marker. (1) The Details button in the side panel, (2) the quick bar.
WhatHow
MoveDrag. Hold Shift to move in one direction only. The arrow keys nudge by 1; Shift with an arrow nudges by one grid step.
Resize, rotateDrag the handles. Shift keeps proportions.
RenameF2, the Name field in Details, or Rename in the right-click menu. The name shows in the Layers list and, for markers, on the map.
Copy, cut, paste, duplicate⌘C, ⌘X, ⌘V, ⌘D. These use an in-app clipboard, not your system clipboard: it holds copied objects (and copied styles) while the app stays open, so you can copy in one map and paste in another.
Group, ungroup⌘G, ⌘ShiftG.
OrderTo front / Forward / Backward / To back in Details, or ⌘] and ⌘[ (add Shift for front and back).
Lock, hideLock protects an object from accidental changes; Hide removes it from view. Both also live in the Layers list, for single objects and whole layers.
DeleteDelete or the Delete button.
Select all⌘A.

Right-click an object for a menu with the same actions plus Add a note card, Copy style and Paste style. Right-clicking empty canvas offers Paste, Select all, Fit the whole map, and toggles for the grid and snapping.

The right-click menu on an object, outlined in orange, listing Rename, Add a note card, Duplicate, Copy, Cut, Paste, Group, Ungroup, Bring to front, Send to back, Lock, Hide, Copy style, Paste style and Delete, with keyboard shortcuts.
The right-click menu for an object.

Several objects at once#

Select two or more objects and the Details tab adds Align (left, centre, right, top, middle, bottom) and Space across / Space down (needs three), Same width and Same height.

The side panel with everything selected, showing an Align group with Left, Centre, Right, Top, Middle and Bottom, and a second group with Space across, Space down, Same width and Same height, each outlined in orange.
With several objects selected. (1) Align, (2) space and size.

Style#

With nothing selected, Details → New drawings sets the style used for the next things you draw. With something selected, the same controls change that object.

  • Line colour and Fill: six named colours (ink, moss, sky, rose, amber, plum) that adapt to light and dark themes, plus a Custom colour picker. Fill can be none.
  • Line width: 1, 2, 3, 5, 8 or 14.
  • Line style: Solid, Dashed or Dotted.
  • Copy style / Paste style moves a look from one object to another.
  • Save this style as… names the current style and keeps it as a preset you can apply later.
  • Boxes also have a Corners setting for rounded corners.

Text, notes and cards#

The Text tool, the Note tool and Add a note card all make text objects. In Details, Kind switches an object between Text (a plain label), Card, Callout and Sticky, and Size changes the type size. Any object (not only text) can have a Note on this object, a short note up to 500 characters that stays with it. Pin a note card to it places that text on the map as a card.

Lines, arrows and connectors#

A line or arrow drawn between two objects with the Connect tool stays attached and follows them. In Details you can choose the route (Straight, Curved or Elbow), the arrowheads (None, One end, Both) and reverse its direction.

Snapping, grid and guides#

While you draw or move, Mossnote can snap to points and edges of other objects, to alignment lines with other objects, to the grid, and to angles every 15°. Turn the master switch with Snap in the status bar or ShiftS, and each kind in View → Snapping. Hold Alt to pause snapping while you drag.

The View menu, outlined in orange, with sections Show (Grid, Rulers and guides, Overview map, Marker names, Compass), Drawing (Tidy up rough shapes, Keep the tool after drawing) and Snapping (Snapping on, To other objects, Line up with others, To the grid, Angles every 15 degrees).
The View menu.
  • Grid (ShiftG) shows a grid. With it off you see a quiet dot lattice instead.
  • Rulers and guides (ShiftR) shows rulers along the top and left. Drag from a ruler onto the canvas to create a guide line that objects snap to (up to 50 per map). Drag a guide to move it.
  • Overview map, Marker names and Compass toggle those items.
The map editor with the grid and rulers switched on: a ruler with numbers runs along the top and left of the canvas, and grid dots are visible. The Grid and Rulers toggles in the status bar are outlined in orange.
Grid and rulers on. (1) Grid toggle, (2) Rulers toggle.

Measuring#

The Measure tool shows a distance and an angle while you drag. By default one grid square is 20 steps. To use your own units, open Details with nothing selected and fill in Units per grid cell and Unit name under Measuring. The readout then uses them, for example 236 m. The reading disappears when you let go; it is not saved on the map. Selecting a polygon also shows its area in the Details panel.

Dragging with the Measure tool: a dashed line runs across the map with a label reading 236 m and minus 30 degrees. The side panel's Units per grid cell and Unit name fields, set to 5 and m, are outlined in orange.
Measuring while dragging. (1) Units per grid cell, (2) unit name.

These pages describe Mossnote 0.1.0-beta.1 and were checked against the source and the running app. Something wrong or missing? Tell us on GitHub.