Design Mode

Visual Views

Design Mode is where you create visual Views. A View is the Lines design object. The interface may present a bounded View as an Artboard.

Design Mode is separate from Model Mode. Semantic nodes describe meaning. Views describe visual projection.

Design tools

Use Design Mode to:

• Create Artboards / Views.

• Draw freehand strokes.

• Draw Bezier paths.

• Add text.

• Place images.

• Work with layers.

• Edit visual properties in the inspector.

• Add layout guides to Artboards.

Interface panels

The left sidebar switches from semantic nodes to design layers. The right sidebar shows page, Artboard, text, image, vector, or connector properties depending on selection.