Getting started with Spaces

Getting started with Spaces

Learn how to navigate the canvas, add and connect nodes, run workflows, and manage your spaces.

This guide walks you through the Spaces interface and your first workflow. If you are new to Spaces, start with the Overview to understand the core concepts.

In this article

The Spaces home screen

Open magnific.com/pikaso/spaces or click Spaces in the main navigation bar. You land on the dashboard, which shows all your existing spaces and templates.

The canvas interface

Once inside a space, the interface has three main areas.

AreaWhat it is
CanvasThe infinite workspace where you place and connect nodes.
Node panel — left sidebarThe full list of available nodes, organized by category: Media, Text, Image, Video, Audio, Utilities, and Designer.
Toolbar — top barSpace title, run controls, sharing options, and zoom level.

Navigating the canvas

ActionMouseTrackpadKeyboard
PanMiddle-click + dragTwo-finger drag
Zoom inScroll upPinch outCmd/Ctrl + =
Zoom outScroll downPinch inCmd/Ctrl + -
Fit to viewCmd/Ctrl + 0

Minimap

A minimap appears in the bottom-right corner of the canvas. It shows a bird's-eye view of all your nodes and your current viewport. Click anywhere on the minimap to jump to that area, or drag the viewport rectangle to pan quickly across large workflows.

Using Spotlight

Spotlight is the fastest way to add nodes to your canvas. Think of it as a command palette for AI tools.

Opening Spotlight

Press Space bar or / anywhere on the canvas. Spotlight opens as a floating panel with a search field and category tabs.

Finding nodes

Base nodes vs model variants

When browsing Spotlight, you will see two kinds of entries.

Variants save time when you already know which model you want.

Rich tooltips

Hover over any item in Spotlight to see a detailed tooltip with a description of what the node does, supported features, and credits cost per run.

Placing a node

Port connection mode

This is a powerful shortcut: drag from an output port into empty canvas space. Spotlight opens automatically, filtered to show only nodes whose input ports are compatible with the port you dragged from. Select a node and it is placed and connected in one step.

Spotlight keyboard navigation

KeyAction
Up / Down arrowsNavigate through results
EnterPlace the selected node
TabSwitch between category tabs
EscClose Spotlight

Adding nodes

There are three ways to add a node to the canvas.

  1. From Spotlight — press Space bar or /, search for the node, and press Enter or drag it onto the canvas.
  2. From the node panel — click any node in the left sidebar to place it.
  3. From the canvas — click the + button or right-click anywhere to open the node picker.

Once placed, a node appears as a card on the canvas. Each node has one or more input ports on the left and output ports on the right that you use to connect it to other nodes.

Connecting nodes

Making a connection

  1. Hover over the output port

    Hover over the output port on the right side of the first node until it highlights.

  2. Drag to the input port

    Click and drag to the input port on the left side of the second node.

  3. Release to connect

    Release to create the connection. A line appears between the nodes, representing the data flow.

Data types and color coding

Ports are color-coded by data type. You can only connect ports of matching types.

ColorData type
BlueText
PurpleImage
GreenVideo
OrangeAudio

If you try to connect incompatible ports, the connection will not snap — the line disappears when you release.

Connection rules

To remove a connection, click on it and press Delete or Backspace. You can also right-click the connection and select Delete.

Running a workflow

Once your nodes are connected, click the Run button on any node. You will see three execution modes.

ModeWhat it does
Run NodeExecutes only the selected node. Useful for testing a single step with pre-existing inputs.
Run WorkflowExecutes the entire connected chain from start to finish, in order.
Run DownstreamExecutes the selected node and everything connected after it. Useful when you change a prompt mid-chain and want to re-run from that point forward.

Workflow states

Each node shows its current state while running.

StateMeaning
IdleWaiting to be run
PendingQueued for execution
RunningCurrently processing
PausedExecution paused. Can be resumed or cancelled.
CancelledExecution stopped by the user. Completed nodes keep their output.
CompletedFinished successfully — results visible on the card
FailedAn error occurred — click the node for details

Viewing results

Results appear directly on the node card. For image nodes, you see a thumbnail. For text nodes, the generated text. For video nodes, a playable preview.

Generation history

Use the arrow buttons on a node card to browse previous generations. Every time you run a node, the result is saved to its history, so you can compare outputs or go back to an earlier version.

Your first workflow: Text to Image to Upscaler

Let's build a complete three-node workflow from scratch.

Step 1 — Add a Text node

  1. Open Spotlight

    Press Space bar to open Spotlight.

  2. Search and place

    Type Text in the search field and press Enter.

  3. Write your prompt

    Click the text area on the node card and type your prompt — for example: A futuristic city skyline at golden hour, volumetric clouds, ultra detailed.

Step 2 — Add an Image Generator

  1. Open Spotlight again

    Press Space bar.

  2. Search for the node

    Type Image Generator — or pick a specific variant like Image Generator with Flux Ultra.

  3. Place and connect

    Press Enter to place it, then connect the Text node output port to the Image Generator prompt input port by dragging from right to left.

Step 3 — Add an Image Upscaler

  1. Open Spotlight

    Press Space bar one more time.

  2. Search and place

    Type Upscaler and press Enter.

  3. Connect

    Connect the Image Generator image output to the Upscaler image input.

Step 4 — Run the workflow

  1. Click Run

    Click the Run button on the Upscaler node.

  2. Select Run Workflow

    This executes the entire chain from start to finish.

  3. Watch it flow

    The Text node passes your prompt to the Image Generator, which creates an image, which then flows into the Upscaler for enhancement.

  4. See the result

    The final upscaled image appears on the Upscaler node card.

Managing your spaces

Auto-save

Every change you make is saved automatically to your Magnific account. There is no save button — just work, and your space stays up to date.

Renaming

Click the space title at the top of the canvas to rename it. The new name is saved immediately.

Sharing

Click the Share button in the top-right corner to invite collaborators by email or generate a share link. You can set permissions to control who can view or edit. For full details, see Collaboration.

Duplicating and deleting

From the Spaces home screen, hover over any space and click the three-dot menu to duplicate or delete it. Deleted spaces cannot be recovered.

Keyboard shortcuts

ActionShortcut
Open SpotlightSpace bar or /
Select allCmd/Ctrl + A
Delete selectedBackspace or Delete
UndoCmd/Ctrl + Z
RedoCmd/Ctrl + Shift + Z
Fit canvas to screenCmd/Ctrl + 0
Zoom inCmd/Ctrl + =
Zoom outCmd/Ctrl + -