Skip to content

Navigation & project tree

Main layout

AreaLocationPurpose
Project treeLeft sidebarSwitch between views and items
HeaderTop barCurrent view title, Undo / Redo
Top menuTop rightCloud save, Settings, Help
ContentCenterActive view (e.g. flow chart)

Project tree sections

Flows

Hierarchical tree: root chart → nested charts (inside Flow / Dialogue / Task cards).

  • Click: opens that canvas.
  • The flow chart header also shows a breadcrumb trail.

Entities

Templates (e.g. Character, Item) and instances beneath them (concrete characters).

Variables

Variable sets and the variables inside them.

Assets

Folders for images, audio, and other files.

Documents

Separate tree for text files (design notes, GDD, etc.).

Switching views

ViewWhat you edit
Flow chartCards, edges, logic
EntitiesTemplates, characters, items
VariablesGlobal state
Assets / DocumentsFiles, folders
SettingsLanguage, theme, flow editor, AI
HelpMCP guide, about, license, changelog

Close project

At the bottom of the project tree: Close project → back to the launcher.

Undo / Redo

In the header: Ctrl+Z / Ctrl+Y (Mac: Cmd). Undo depth is configurable under Settings → Flow editor.

YarnDraft — lightweight, cross-platform narrative design tool