0 %

Preplan

Idea boards

Preplan is a three-tool sketchpad for everything that happens before you place cells in the score. Idea boards capture concepts as free-form visual notes, polymetric loops lay down the rhythmic architecture, and harmonic progressions sketch pitch content as a sequence of scale circles. Each tool stands on its own, and every one can send its output into the Compose view when the sketch feels right.

Open Preplan with the P tab in the top navigation, or press 1 on the keyboard. The left sidebar is split into three collapsible sections — Idea boards, Polymetric loops, Harmonic progressions — stacked in the order most composers reach for them.

Idea Boards — Visual Sketchpad

Idea boards are visual-only scratchpads. Drop nodes onto a canvas, give each a title, colour and short description, and draw arrows between them to map how the ideas relate. Nothing is executed — an idea board is pure thinking-in-public. A project can hold any number of boards, each independently named and saved.

Adding a node. Click + Idea in the floating toolbar. A new card appears on the canvas with an editable title, a colour swatch, and a multi-line description area.

Changing colour. Click the round swatch in the coloured header. A palette popover appears — pick any of the six shared grafer colours (ochre, teal, lavender, sage, rose, golden).

Connecting nodes. Every node has four ports (top, right, bottom, left), each acting as both source and target. Drag from one port onto another node to draw a bezier arrow. Connections are forgiving — the grab radius is generous, so you don't have to land precisely on a port. Click an arrow to cycle its direction: forward →, reverse ←, both ↔. Hover an arrow to reveal a × button at its midpoint for deletion.

Multiple boards. Add more boards from the left sidebar's + New idea board button. Rename by double-clicking, duplicate or delete via the row icons. Boards persist with the project file.

FIG 2An idea board with three or four linked nodes, each with a coloured header and a short description. At least one arrow should be bidirectional so both direction markers are visible. Drop at public/img/docs/idea-board-overview.png. Idea board — free-form node graph with directional arrows.

Idea Boards — Drawing Pad & Handwriting Recognition

Each idea node has a pen icon in its header. Click it to open the drawing pad — a pressure-aware canvas that accepts pen, touch or mouse. Pen pressure drives stroke width. The pad supports undo, clear, and close-to-save; strokes persist on the node across project save / load.

Recognize handwriting. Click Recognize to run the strokes through an open-source TrOCR model (Xenova/trocr-small-handwritten) hosted by the Hugging Face CDN. The first call downloads ~80 MB of model weights; subsequent calls are instant because the browser caches them. Recognised text is appended to the node's description field. Best results come from writing one line at a time in reasonably clean print.

FIG 3The drawing pad modal open over an idea node, with several pen strokes visible on the paper background. Show the toolbar: Undo / Clear / Recognize / Save & close. Drop at public/img/docs/drawing-pad.png. Drawing pad — pen-friendly handwriting with optional OCR.

Try it on your own material.

Create a free account14 days of Composer Pro, no card needed. Every account opens with the Examples folder.