Skip to main content
The canvas is a ComfyUI-based visual editor. Workflows are graphs of nodes wired together by their input / output sockets.
GMI Studio empty canvas

Editor surface

The editor has six concurrent surfaces.
SurfaceWherePurpose
Top barAbove canvasWorkflow name, save status, save, Run
Inner side toolbarStrip at the canvas left edgeSix icons: Library, Assets, Toolbox, Comfy Library, Undo, Redo
Left paletteFlips out from the inner toolbarBrowse and place nodes (Model Library, Assets, Toolbox, Comfy Library)
CanvasCenterNodes, wires, group boxes
Right inspectorSlides in when a node or the canvas is clickedPer-node Parameters / Info / Settings, or the Workflow Overview
Bottom-right controlsBelow canvasCursor mode, zoom %, fit-to-view, minimap, hide-overlays
A stats panel at bottom-left shows T (run time), I (iteration), N (nodes / selected), V (views), and FPS.

Inner side toolbar

Six icons stacked vertically against the canvas:
  1. Library, the Model Library palette (Audio / Image / Video / LLM / Task).
  2. Assets, the Assets palette (Save / Load Image, Save Audio (FLAC / MP3 / Opus), Load 3D & Animation, Preview 3D & Animation).
  3. Toolbox, image / LLM / video tools plus Comfy Library entries.
  4. Comfy Library, the full Comfy node tree (Audio, latent, image, …).
  5. Undo (Cmd+Z).
  6. Redo (Cmd+Shift+Z).
Click an active icon again to collapse the palette.

Model Library

The default palette has five category tabs.

Audio

Library, Audio tab
Text-to-speech models. Cards include ElevenLabs TTS V3 / V2, Inworld 1.5 Mini / Max TTS, and more. Each card shows the provider, short description, and per-request price.
Input TypeWhat it doesExample Models
Text → AudioConverts text to natural-sounding speechInworld, MiniMax, ElevenLabs
Text + Voice Sample → AudioClones a voice and speaks the given textInworld, MiniMax, Step Audio
Only WAV and MP3 file formats are supported for audio uploads.

Image

Library, Image tab
Categories: Image Editing, Text-to-Image. Models include Bria Fibo, ByteDance Seedream 3 / 4 / 5, Google Gemini image, GPT-Image-2, Hunyuan, Luma Uni, Reve, and more.
Input TypeWhat it doesExample Models
Text → ImageGenerates an image from a promptGemini, Seedream, Tongyi (Alibaba), Reve, BRIA
Image → ImageEdits or transforms an imageSeedEdit, Reve, BRIA
Image + Mask → ImageFills or replaces a selected regionBRIA

Video

Library, Video tab
Categories cover Text-to-Video, Image-to-Video, Video-to-Video, Audio-to-Video. Providers: Veo3, Sora-2 / 2-Pro, Kling, Aliyun Wan, BytePlus Seedance, PixVerse, MiniMax Hailuo, LTX-2, Vidu, Luma Ray, SkyReels, HeyGen, GMI workflow models, Bria video tools.
Input TypeWhat it doesExample Models
Text → VideoGenerates a video from a text promptWan, Veo, Sora, Kling, MiniMax Hailuo, PixVerse, Seedance, Luma
Image → VideoAnimates a still image into a videoWan, Kling
Video → VideoEdits or transforms an existing videoWan, Kling, BRIA

LLM

Library, LLM tab
All inference-side language models, grouped by category. This is the same catalog you see on the Inference Model Hub.

Task

Library, Task tab
Task-specific image operations such as Bria Eraser, Bria Genfill, Bria Fibo Edit, Bria Fibo Restyle, Bria Fibo Recolor. Click any model card to place that node at the canvas cursor. For the universal search across every catalog, see Library, Search & Blueprints.

Assets palette

Assets palette
Holds the I/O building blocks: Save Image, Load Image, Save Audio variants (FLAC / MP3 / Opus), Load 3D & Animation, Preview 3D & Animation, and document loaders.

GMI Official vs ComfyUI nodes

GMI Official NodesComfyUI Nodes
Best forQuick setup, managed inferenceFine-grained control, custom logic
Control levelSimplified inputs / outputsFull node-level customization
PerformanceOptimized, fully managedDepends on workflow configuration
GMI Official nodes wrap each model behind a clean input / output surface and run on managed infrastructure. ComfyUI nodes are sourced directly from the upstream Comfy repo for users who need lower-level building blocks.

Right inspector, per node

Click a node and the right inspector opens with three tabs.

Parameters

Inspector Parameters tab
Every input the node exposes. For an LLM node: model, prompt, temperature, max_tokens, system prompt, image_url, video_url. Each row has a menu to favorite the input (it then shows up at Workflow Overview > Parameters).

Info

Inspector Info tab
Node header, identifier, and (when present) a description of what the node does. Some nodes show pricing here.

Settings

Inspector Settings tab
  • Node state: Normal, Bypass, Mute.
  • Node color: 10 preset swatches.
  • Pinned: toggle.

Selected node toolbar

Clicking a node header pops a contextual toolbar above it.
Selected-node contextual toolbar
IconAction
🗑️Delete node
Toggle Info / open Inspector
🟡 ▾Node color picker
Collapse / Resize
Bypass
Run Branch (run just this node and upstream)
More menu (see below)

Node “More” menu

Node 3-dot more menu
Per-node actions: Rename, Copy Ctrl+C, Duplicate Ctrl+D, Clone, Run Branch, Pin, Bypass Ctrl+B, Convert to Subgraph, Minimize Node, Collapse, Resize, Node Info, Color, Shape, Extensions.

Widget right-click

Right-clicking a widget input (e.g. image_url) exposes widget-level actions:
Widget context menu
Highlights: Favorite Widget (pin to Workflow Overview > Parameters), Rename Widget, Convert to Subgraph, Convert Widget to Input (so it accepts a wired connection instead of inline editing).

Workflow Overview

Click the canvas background with no node selected and the inspector switches to Workflow Overview with three tabs.

Parameters

Workflow Overview, Parameters
Lists every input you’ve favorited from individual node Parameters. This is the workflow’s parameter surface, what a consumer of the workflow (or someone running it via API) actually has to fill in. Empty state: “NO FAVORITED INPUTS. Inputs you favorite will show up here. In the Parameters tab, click on any input to add it here.”

Nodes

Workflow Overview, Nodes
Flat list of every node in the workflow. Each row has quick actions: reset, target (center camera on node), expand details.

Global Settings

Workflow Overview, Global Settings
  • NODES: Show advanced parameters, Show toolbox on selection, Nodes 2.0.
  • CANVAS: Grid spacing (default 10), Snap nodes to grid.
  • CONNECTION LINKS: Link shape, Show connected links.
  • View all settings opens the full app settings.

Wiring nodes

Each node exposes:
  • Output sockets on the right edge, coloured dots labelled by their data type (IMAGE, MASK, LATENT, STRING, content, …).
  • Input sockets or widgets on the left edge, either small dots for raw inputs, or full-width widget bars (image_url, video_url, model, prompt) that double as both editable widget and connection point.
To wire two nodes, drag from an output socket to a compatible input socket. The cursor shows a coloured curve as you drag, and only matching types accept the drop.
Two nodes ready to wire
A widget input shows its tooltip on hover:
Load Image placed
If you want a widget to behave purely as a linked input (no inline editing), right-click and pick Convert Widget to Input.

Canvas right-click menu

Right-click on empty canvas to add nodes, groups, paste, or save selections as templates.
Canvas right-click context menu
  • Add Node (submenu of every node category)
  • Add Group
  • Paste
  • Manage Group Nodes
  • Add Group For Selected Nodes
  • Save Selected as Template (becomes a Blueprint, see Library, Search & Blueprints)
  • Node Templates

Top bar

  • Workflow name, click the breadcrumb to rename.
  • Saved a few seconds ago live save indicator (auto-save fires on every change).
  • save, force-save now.
  • Run, execute the entire workflow.
Saving never overwrites a published workflow without confirmation. Runs spend credits according to the model nodes in the graph.

Bottom-right controls

  • Cursor mode: selection vs pan.
  • Fit-to-view (crosshair): re-frames the canvas around every node.
  • Zoom %: preset zoom levels.
  • Minimap toggle: show or hide the floating minimap.
  • Hide overlays: temporarily clear UI overlays for a clean canvas.

Next steps