Canvas Quick Start
Learn how to navigate the canvas, use the minimap, add nodes, and connect them into workflows.
The canvas is your central workspace. Everything you create in Musein lives on this canvas — references, generated assets, prompts, and the connections between them.
Navigating the Canvas
You can move around the canvas in two ways:
- Pan: Click and drag on empty canvas space, scroll, or hold the Space key and drag
- Zoom: Hold Ctrl and scroll up or down to zoom in and out
The canvas supports smooth, infinite scrolling. There are no boundaries — you can keep adding nodes in any direction.
Using the Minimap
The minimap in the bottom-right corner shows a bird's-eye view of your entire canvas. The highlighted rectangle shows your current viewport. You can drag that rectangle to jump to any area instantly.
Click the minimap to center the view on a specific location. Double-click it to fit all nodes into the visible area.
Adding Nodes
Right-click anywhere on the canvas, or use the toolbar on the left, to add nodes. Each node type serves a different purpose:
- Text node — for prompts, notes, and instructions
- Image node — for generated or uploaded images
- Video node — for video assets
- Audio node — for sound files
- Group node — to organize related nodes
Nodes appear at the center of your current viewport by default. You can drag them anywhere on the canvas.
Connecting Nodes
Drag from the output handle on the right edge of a node to the input handle on the left edge of another node. Connections define a pipeline: data flows from left to right.
Once connected, downstream nodes can reference upstream nodes in their prompts using the @ mention feature. This lets you chain multiple generation steps into a single workflow.
Canvas Controls
- Zoom controls in the bottom-right corner let you zoom in, zoom out, and fit the view
- Lock toggle prevents accidental node movement
- Auto-layout organizes your nodes into a clean structure with one click
Next Steps
Try adding a text node and an image node, then connect them. Use the image in your prompt by typing @ in the text node. This is the foundation of every workflow in Musein.