The Story Canvas — why and how writers map their stories
A visual canvas for your story's structure, characters, and relationships. Image nodes, resizable cards, relationship presets, auto-layout, and export — here's how every feature works, and a 20-minute exercise to make it yours.
Why writers map their stories
Writing a novel is one of the few creative tasks where you can make a decision in chapter one that quietly breaks chapter twenty. Characters gain and lose traits. Locations contradict themselves. An antagonist's motivation shifts and nobody updates the record. Plot holes hide inside prose until a reader finds them.
The canvas is the answer to a problem writers didn't always have a name for: the gap between knowing your story and being able to see it.
Before dedicated tools, writers taped index cards to walls, drew webs in notebooks, built spreadsheets nobody else could read. The canvas does the same thing — but every card connects to every other card, relationships are drawn as labeled arrows, and an AI can look at the whole picture and point out what you missed.
You don't use the canvas to write. You use it to think. It's a workspace for the shape of your story, not the words of it.
Spatial memory
Your brain stores relationships geographically. When you move a character close to a location and draw an arrow labeled "controls," that spatial arrangement stays with you. You start to feel the structure of your story rather than only knowing it as a list.
Visible contradiction
When your antagonist has arrows going to three different locations — "lives in," "runs," and "fled from" — and those locations are never connected to each other, something is probably wrong. That contradiction is invisible in prose. On a canvas it stares at you.
Structural conversation
The AI chat sidebar becomes a different kind of tool when you've selected two characters and asked what conflict could arise between them. It sees your nodes as context — it's reasoning about the specific relationship you've drawn, not guessing about a story.
Parallel planning
A canvas holds multiple views at once: character relationships on one board, plot structure on another, world-building on a third. You can switch between them without losing any of it — unlike a notebook page that runs out of space.
Node types — what goes on the canvas
Every item on the canvas is a node. There are seven types, each color-coded to make your map scannable at a glance.
| Type | Use it for |
|---|---|
| 📝 Note | Free text — ideas, questions, plot theories, reminders to yourself |
| 🧑 Character | People and entities in your story; links to your reference sheet |
| 📍 Location | Places, settings, worlds, rooms — anywhere scenes happen |
| 🏛️ Organization | Factions, guilds, companies, families, governments |
| 🎬 Scene | Individual scenes; can link to cards in your scene planner |
| 🐰 Cage | Plot bunnies — stray ideas pulled from the Bunny Cage |
| 🖼️ Image | Photos, reference images, character faces, mood boards, location sketches |
Creating a node: Click any item in the left palette to drop it on the canvas. Use + Note or + Image in the toolbar for quick freeform cards. Double-click any node's title to rename it inline, or click once to open the Inspector panel on the right.
Changing the type: With a node selected, use the type buttons in the Inspector to change it without losing content. Image nodes are a distinct type — add them with + Image rather than converting an existing node.
Content inside nodes
Every canvas card can hold text content directly — you don't have to open a side panel to read what a node contains.
Note cards have always had a full text area. Write as much as you want; the card expands.
Character, location, scene, and other typed cards now show an inline notes field when the card is selected. Click the card once to select it and the notes area opens in place. Anything you type persists on the card — visible without selecting it again. This is useful for scene synopses, character trait reminders, or anything you want to glance at while building the map.
The Inspector panel (right sidebar, when one node is selected) is still there for longer notes — both surfaces stay in sync.
Resizing cards
Every card — notes, characters, scenes, images, all types — can be resized by dragging its corners or edges. Select the card and resize handles appear. Drag to any size you need.
Resized cards switch to a fill layout: the content area grows to use all available space, and the notes textarea fills the card body. This is the right mode when you want to write a detailed synopsis or paste a longer reference directly onto the canvas.
Image nodes start as a placeholder — click the card or drag an image file onto it to upload. After uploading, drag to resize the image to any dimensions. Double-click the caption at the bottom to rename it. Image nodes accept connections just like any other card — useful for linking a character photo to its character node, or a location reference image to a scene.
Connections — where the map comes alive
Connections are drawn arrows between nodes. They are the core of what makes a canvas useful — a collection of cards without arrows is just a list with prettier boxes.
Drawing a connection: Hover over a node until you see a dot appear on its edge. Drag from that dot to another node.
Labeling a connection: Click the + that appears on the midpoint of any arrow. A picker opens with twelve preset relationship types, each pre-colored:
| Preset | Color | Also covers |
|---|---|---|
| friend | Green | ally |
| enemy | Red | rival |
| loves | Pink | — |
| leads | Amber | mentor, created |
| member of | Purple | — |
| lives in | Teal | — |
| parent of | Green | sibling |
Click any preset to apply it immediately — no typing required. The text input below the presets is still there for anything custom ("escaped from," "unknowingly hunts," "is the heir to"). Custom labels are color-matched by keyword the same way: type a word the canvas recognizes and the color sets itself.
The canvas reads your label and picks the arrow color automatically, whether you use a preset or type your own. Enemy/rival → red. Loves/married → pink. Leads/commands/mentor → amber. Lives in/resides → teal. Member of/belongs → purple. Friend/ally/family → green. Unlabeled → gray. A color legend appears below the toolbar whenever any labeled arrows are on the canvas.
Edge style: Right-click any arrow to change it to dashed (uncertain relationships, rumors, backstory-only) or dotted. Toggle bidirectional to add arrowheads at both ends for mutual relationships.
The palette — your project data
The left sidebar lists your actual project content so you can pull it onto the canvas. Switch tabs to see your characters, locations, organizations, scenes, and Cage entries. Click any item to add it as a linked node — marked with a ⚡ icon to indicate it's connected to real project data.
Scenes are grouped by chapter when chapters exist. Linked scene nodes sync their title and POV character from the scene planner, which also powers the Timeline view.
Groups and frames
Select two or more nodes (Shift-click, or drag a selection box), then click Group in the floating toolbar. The selected nodes are wrapped in a colored frame with a header label.
- Double-click the header to rename (e.g., "Act 1," "The Thieves' Guild," "Flashback")
- Drag the group to move all nodes inside it together
- Drag a corner handle to resize
- Right-click the group border to change its color scheme or ungroup
Auto-layout
When your canvas gets messy — nodes overlapping, arrows crossing everywhere — the Layout ▾ button in the toolbar rearranges everything automatically. Three modes:
Hierarchical layout — roots at the top, dependencies below. Best for cause-and-effect chains, character trees, and story structures where one thing leads to another.
Flow layout — sources on the left, outcomes on the right. Good for timelines, story acts in sequence, or relationship maps where you read left-to-right.
Groups all characters together, then locations, organizations, scenes, and notes in separate columns. No edge direction required — useful as a first pass on a new canvas, or any time you want to see all entities of the same type side by side.
Auto-layout respects group frames — nodes inside a frame are not moved. It also accounts for image nodes and resized cards, placing them at the right proportional spacing rather than treating everything as the same fixed size.
Auto-layout is a starting point, not a final arrangement. The canvas fits your view after running it. Drag individual nodes from there — the layout gives you a clean grid to work from, not a locked diagram.
Multiple canvases
Each project supports multiple named canvases — the tabs at the top of the canvas window. Use separate boards for different concerns: one for character relationships, one for plot structure, one for the world map. Click + to add a new canvas, double-click a tab to rename it.
Timeline view
When your canvas has scene nodes on it, a Timeline button appears in the toolbar. Click it to switch from the node canvas to a grid: chapters as columns, POV characters as rows. Each cell shows the scenes that belong to that chapter-POV combination. Click any cell to jump back to that node on the canvas.
This view is most useful once you've added scenes from the palette and assigned POV characters in the scene planner. It turns a scattered collection of scene nodes into a readable story structure at a glance.
AI tools
Canvas Brainstorm — the Brainstorm button opens a chat sidebar. If you have nodes selected, the AI sees them as context: their names, types, roles, and notes. Ask "What's missing from this character's arc?" or "What conflict could arise from this alliance?"
Suggest connections — select two or more nodes and click Suggest in the floating toolbar. The AI reviews the selected elements and proposes relationships you may not have drawn, with labels ready to apply. Accept individual suggestions or add all at once.
Exporting your canvas
The Export ▾ button in the toolbar renders your entire canvas as a high-resolution image.
- Download PNG (2×) — saves a PNG at double pixel density. A canvas with 20 nodes typically exports at 2400 × 1600 px or larger, sharp enough to print or embed in a document.
- Copy to clipboard — writes the same image directly to your clipboard. Paste into Notion, email, Figma, a slide deck, anywhere that accepts images. No file download required.
The export captures all nodes exactly as they appear: images, colored arrows, group frames, labels, and content. Nodes currently off-screen are included — the export always shows the full canvas, not just the visible viewport.
Templates
When opening an empty canvas, three starter templates appear. Each is a starting point, not a prescription — rename every node immediately and make it yours.
Protagonist at center with ally, mentor, and antagonist. Pre-drawn relationship arrows. Good starting point for mapping character dynamics before you have a full plot.
Act 1, 2, 3 scene nodes with inciting incident, midpoint turn, and climax attached. Good for plotting a story that doesn't have a scene planner yet.
Scenes linked to characters and locations. A basic story grid for writers who know their scenes but want to visualize how characters and places intersect.
Keyboard shortcuts
| Shortcut | Action |
|---|---|
| Ctrl/Cmd + Z | Undo (up to 30 steps) |
| Ctrl/Cmd + Shift + Z | Redo |
| Ctrl/Cmd + C | Copy selected nodes |
| Ctrl/Cmd + V | Paste copied nodes |
| Ctrl/Cmd + D | Duplicate selected nodes |
| Ctrl/Cmd + A | Select all nodes |
| Ctrl/Cmd + F | Open node search |
| Delete / Backspace | Delete selected nodes |
| Escape | Close menus / search |
20-minute exercise — map your own story
This exercise works whether you have a finished draft, a partial draft, or only an outline. It produces something you'll actually use, and it takes about twenty minutes.
Dismiss the template picker and begin with nothing. Add one node for your protagonist (Character), your antagonist or main obstacle (Character), where your story begins (Location), where it ends if different (Location), and the inciting incident — the moment everything kicks off (Note). Don't write descriptions yet. Just get the names down.
Connect the protagonist to the inciting incident: "triggers" or "experiences." Connect the antagonist to the protagonist — label the arrow honestly: "rival," "former ally," "unknowingly hunts." Connect the protagonist to the starting location: "lives in," "arrives at," "escapes from." You now have five nodes and four or five arrows. Does the shape match your intuition about the story?
Add three more nodes: a secondary character whose role you're uncertain about, a location you keep writing scenes in but haven't defined, and a scene node for the climax. Connect each to whatever is already on the canvas and label the connections. Don't spend time getting this right — fast and honest beats slow and perfect.
Select your protagonist and your antagonist (hold Shift and click both). Open Brainstorm. Ask: "What is the most fundamental conflict between these two characters, and what does each of them want that the other prevents?" Then one follow-up: "What is one thing I might be overlooking about this conflict?" Write the useful insight into the Notes field of the relevant node before you close the canvas.
A rough map of the spine of your story. Five to eight nodes, five to eight labeled arrows, one question answered, one insight noted. This is not a finished story map — a finished one might have thirty nodes. But you built this in twenty minutes from memory, which means every node and arrow represents something you actually know about your story. The gaps — the nodes you didn't add, the connections you couldn't label — are the most useful thing you found. Those are the places the story still needs work.
Try it in WolfScribed
Open a project and use the Scene Planner to put these ideas into practice.