Drawing Tools
Freehand drawing
Section titled “Freehand drawing”The drawing tool (D key) lets you sketch directly on the canvas. Use it for annotations, arrows, circles, or any freeform markup.
How it works
Section titled “How it works”- Click and drag to draw strokes
- Click without dragging to place a dot
- Strokes are smoothed with Catmull-Rom curve interpolation for natural-looking lines
Settings bar
Section titled “Settings bar”When the draw tool is active, the settings bar appears with:
- Color - 7 preset colors (gray, red, blue, green, orange, purple, pink)
- Thickness - 1px to 12px slider
- Eraser - Toggle eraser mode to remove individual strokes
- Clear All - Remove all drawings from the canvas
Eraser
Section titled “Eraser”Two ways to erase:
- Eraser toggle - Click the eraser button in the settings bar. Click near any stroke to remove it.
- Right-click - Right-click near any stroke in draw mode to erase it.
The eraser uses segment-aware hit detection, so it works reliably even on straight lines between sampled points.
- Drawing mode disables component and group selection so your strokes flow uninterrupted over existing content
- Middle-click still pans the canvas in draw mode
- Drawings are saved with your canvas state and included in JSON exports