Canvas authoring

A canvas that thinks ahead of you.

Pixel-precise positioning, smart guides that distinguish element-to-element from canvas-edge alignment, multi-select bounding boxes, equal-spacing detection, connector lines, and AI redesign at your fingertips.

15+
block types
6px
snap threshold
undo / redo

Smart guides — three colours, three meanings.

  • Pink lines = element-to-element alignment (Figma convention).
  • Indigo lines = canvas-edge alignment — you instantly know "this hits the canvas, not another element."
  • Cyan lines = equal-spacing detection between siblings.
  • Snap-to-edge fires during BOTH drag and resize, with the visible guide showing what you hit.

Multi-select that behaves.

  • Marquee-select or shift-click to gather elements.
  • Bounding-box transformer scales the whole group, not each member individually.
  • Right-click → Group / Ungroup. Grouped elements skip overlap warnings (intentional overlap = design choice, not a bug).
  • Alignment toolbar: align-left / center / right / distribute, relative to selection OR canvas.

Connector lines for process diagrams.

  • Drag the "+" handle on any selected element's edge to draw a connector to another.
  • Auto-anchor picks the side closest to the other endpoint — moving an element flips the anchor automatically.
  • Straight, orthogonal (elbow), or curved Bezier path styles. Optional arrowheads on either end.

Inspector that respects your time.

  • Three-tab right pane: Element · Script · Checklist (live validation).
  • Sectioned cards for theme, frame, animations, and per-element overrides.
  • Color fields with hex + opacity + eyedropper. Numeric fields with smart scrubbing.
  • Inline text editing on the canvas — no modal dialogs for headings + paragraphs.

Layout AI on tap.

  • "Redesign scene" runs the layout-AI pass without overwriting your manual edits.
  • Per-scene template lock — pin a layout when you like it.
  • SmartArt block generates process diagrams, hierarchies, and concept maps from a prompt.
  • AI cue annotation pass adds [show: X] markers to your script for visual sync.

Real-time collaboration.

  • Yjs-powered live editing — multiple authors, no save conflicts.
  • Reviewer + author + viewer roles with granular permissions.
  • Audit log of every edit, per-org.

Try canvas authoring on your own course today.

Start free