Editor Basics
The Studio editor is a canvas where your story’s blocks appear as cards, connected by lines that represent choices. This page is a tour of the layout so you know where everything lives before you start building.
The canvas
The middle of the screen is an infinite canvas:
- Pan by dragging an empty area.
- Zoom with your scroll wheel or trackpad.
- Select a block by clicking it — its details open in the right-hand panel.
- Move a block by dragging it. Position is purely visual; it doesn’t change your story’s logic or the order things happen in.
Lines between blocks are the choices connecting them, and they show which way the story flows.
Status badge
The top-left corner shows two things:
- A Live / Draft badge — your story’s publish status. Click it to open the publish & share panel.
- A Saved / Unsaved changes indicator, telling you whether your latest edits have been saved yet.
Left toolbar
A floating toolbar on the left edge gives you:
- Undo / Redo — step back and forth through your edit history (also
Ctrl+Z/Ctrl+Y). - Save story — saves immediately.
- Preview story (the eye icon) — play-test your story right inside the editor, without publishing. See Previewing.
- Add block buttons — one per block type. Clicking one drops a new block onto the canvas.
Your story also autosaves as you work, but it’s a good habit to hit Save story before closing the tab — and preview always plays the last saved version, so save before previewing to see your newest edits.
Right-hand panel
The panel on the right has four tabs:
- Node — the inspector for whichever block you’ve selected. This is where you edit a block’s content and its outgoing choices.
- Story — story-level settings: title, description, and cover image.
- Variables — the list of variables your story can read and write, with buttons to create and delete them.
- AI — the AI co-writer chat (Creator and Pro plans). On the Free plan this tab shows an upgrade prompt instead.
Node inspector
When a block is selected, the Node tab shows:
- Node Properties — the fields specific to that block type (text, image, variable name, and so on) — see Blocks.
- Branching — the block’s outgoing choices, with an + Add choice button to add more — see Choices & Branching.
- Set as start — makes this block the one players see first. Every story needs exactly one starting block.
- Delete node — removes the block (and its choices) from the story.
Story inspector
The Story tab lets you edit:
- Title — shown on your dashboard, in the publish panel, and to players.
- Description — a short summary shown to players before they start.
- Cover — an image used as your story’s thumbnail and intro art.
Categories and the 18+ flag aren’t here — they’re set once when you first create the story and can’t be changed afterward.
The story dashboard
Every story also has its own dashboard, separate from the editor — click into a story from the Studio home to reach it. It shows your story’s structure at a glance (block, choice, and variable counts) and, for published stories, a live view of who’s playing right now and who’s finished. See Tracking Plays.