← Back
Freehand Drawing
← Back to Academy

Freehand Drawing

Learn to draw freehand shapes and customize their colors

basicsbeginner⏱️2 min
Home/Documentation/Freehand Drawing

Learn to draw freehand shapes and customize their colors

Academy/
Draw Custom LinesDocumentation

Freehand Drawing

Freehand drawing lets you sketch naturally on your diagrams - perfect for brainstorming, annotations, and highlighting important areas.

How to Draw

•

Click "Add Drawing" in the floating action bar

•

Click and drag on the canvas to draw

•

Close the path (return to start) for fillable shapes

•

Press Escape to exit drawing mode

Circle

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Interactive

Closed shape with fill

Arrow

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Interactive

Open path, no fill

Pro Tip

Drawing tip: Draw slowly for smooth curves. Make quick movements for sharp corners.

Styling Your Drawings

Changing Colors

After drawing a shape, you can customize its colors to add meaning and emphasis.

How to Change Colors

•

Select your freehand drawing by clicking on it

•

Look for the color options in the properties panel

•

Choose **Stroke Color** (the outline/line)

•

Choose **Fill Color** (the interior)

Understanding Stroke vs Fill

Stroke Color

The outline of your drawing - always visible. Use bold colors for emphasis.

Fill Color

The inside of closed shapes. Keep it semi-transparent so content underneath stays visible.

Red - Problems

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Interactive

For critical issues

Green - Solutions

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Interactive

For good paths

Yellow - Future

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Interactive

For ideas to explore

Purple - Ideas

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Interactive

For brainstorming

Transparency Levels

Quick Guide

Quick Reference

Drawing

Click "Add Drawing" to start

Draw slowly for smooth curves

Close the path for fills

Press Escape to exit

Changing Colors

Select the freehand shape

Choose stroke color (outline)

Choose fill color (interior)

Handy Shortcuts

Create a new freehand node

L

Delete selected freehand node

Delete
Getting Started

Start simple - draw one shape, customize its colors, then build from there. You will develop your own visual language!

4 of 10

Related Articles

5 m

Create Your First Node

Master the basics of node creation in ArkT diagrams

basicsbeginner
7 m

Edge Connections

Learn how to connect nodes with directional edges

basicsbeginner
6 m

Infinite Levels

Master multi-level diagrams and breadcrumb navigation

basicsbeginner

Practice with Tutorial

Apply what you've learned with an interactive, step-by-step tutorial.

View All Modules in Academy

On This Page

Getting StartedCustomizing ColorsQuick Reference