NarraLeaf

Meet the Workspace

Learn the roles of the activity bar, editors, Properties panel, and bottom panel.

The workspace contains an activity bar, sidebars, editors, a Properties panel, and a bottom panel. The activity bar changes the tool shown in the left sidebar. Pages, story scenes, assets, and Blueprints open as tabs in the center.

Main areas

AreaPurpose
Left activity barSwitch between Project, Story, UI, Characters, Assets, and Localization
Left sidebarBrowse and create content for the current tool
Center editor areaOpen pages, scenes, asset previews, and Blueprints in tabs
Right Properties panelEdit the selected page, widget, asset, or story action
Bottom panelShow the Console, build output, motion tools, or an optional Assets panel
Top action barOpen file actions, Dev Mode, Preview, and Build

Use the Window menu to show or hide the sidebars and bottom panel.

Selection and properties

The Properties panel follows the current selection. For example:

  • Select text on a UI canvas to edit its content, layout, and appearance.
  • Select an image in Assets to view its asset information.
  • Select an action in a story scene to edit that action's parameters.

If the panel says that nothing is selected, select an item in the current editor or sidebar.

Editor tabs

Opening content creates a tab in the center editor area. Tabs can be closed and reopened. Use Ctrl+Tab to move through recently used tabs. Studio restores supported tabs when the workspace is opened again.

A modified indicator beside a tab title means its content has not yet been written to the project files. Studio saves most edits automatically, but check notifications and static diagnostics before starting Dev Mode or a build.

Adjust the workspace

  • Drag an area's edge to resize a sidebar or the bottom panel.
  • Use Window > Show Sidebar, Show Right Sidebar, or Show Bottom Panel to restore a hidden area.
  • Closing a panel does not delete project content.
  • The Console is in the bottom panel and contains detailed Dev Mode and build output.

The canvas preview is primarily a layout tool. Blueprint execution, node tracing, and live game state are authoritative in Dev Mode.

Next step

Open the UI panel and create your first page.

On this page