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