Quick start

Describe the nodes you want. Noding connects them as you type, ready to insert into Comfy Cloud.

Start with two nodes

image > preview

1. Open a Comfy Cloud workflow and the Noding extension panel.
2. Choose Connect to Cloud to load your available node definitions.
3. Enter the expression and expand Preview below the editor.
4. Choose Insert into canvas. Select an uploaded image in the Load Image node before running.

Insertion builds the graph. It does not press Run or start a generation job.

Why connect first?

The offline catalogue is a small demonstration set. Connecting supplies the actual node classes, ports and setting choices from your Cloud session.

Keyboard workflow

Keep your hands in the editor while building and revising expressions.

Autocomplete follows your catalogue

Start with a node alias or class name. Add brackets to edit supported settings and use named references for connections. Check the Nodes tab when a port or setting name is unclear.

Example recipes

Copy an expression into the Comfy extension and inspect its preview. These examples use standard Comfy node definitions; select actual files and models in your session.

Load and preview an image

image > preview

Two nodes, one IMAGE connection. Choose an uploaded image before running.

Resize before previewing

image > scale[width=1536 height=1024] > preview

Three nodes, two connections. Set the resize method and crop options for your image.

Preview and save the same image

image > (preview + save[filename_prefix="Noding"])

One image output feeds two branches. Parentheses ensure both receive the image.

Repeat a connected pair

(image > preview)*3

Six nodes, three independent connections. Each Load Image needs an image selection.

A checkpoint text-to-image workflow

ckpt#model
+ pmt#positive{A ceramic vase, soft window light}[clip=@model.CLIP]
+ pmt#negative{blurry, low quality}[clip=@model.CLIP]
+ latent#canvas[width=1024 height=1024]
+ sample[model=@model.MODEL positive=@positive.CONDITIONING negative=@negative.CONDITIONING latent_image=@canvas.LATENT steps=20]
> decode[vae=@model.VAE]
> save[filename_prefix="Noding"]

Seven nodes. Choose a compatible checkpoint and review sampler settings in Comfy before running. This is a conventional checkpoint workflow, not a universal recipe for Flux, video or every model family.

Syntax reference

Connections, branches and settings in one editable expression.

Connect and branch

a > b connects compatible sockets. a + b creates separate nodes. Use a > (b + c) to feed both branches. The connection operator binds more tightly than plus.

image > preview + save

Here only Preview Image is connected. Save Image remains separate and needs its input.

Labels and explicit ports

image#source + preview[images=@source.IMAGE]

Define a node once with #name. Reference its output with @name.PORT; numeric slots such as @source.0 also work. A target selector such as preview:images chooses an input. Port types must match.

Text and settings

Use pmt{Your prompt} for text. A CLIP text encoder still needs its CLIP input. Use brackets for named settings, such as [steps=30]. Quote strings containing spaces. For a node with multiple text inputs, use a named setting such as [text="Your prompt"].

Repeat and group

group{Output}((image > preview)*3)

Parentheses define what repeats. Labeled repeated nodes receive suffixes such as idea_1, idea_2 and idea_3. Keep labels unique.

Class names

Use a shortcut or the actual class name from Nodes. Quote class names containing spaces or punctuation. Aliases only work when their underlying node is available.

Format & live preview

Check the graph before adding it to your canvas.

Readable expressions

Choose Format beside the editor or press Alt + Shift + F. Formatting lays out branches and groups while preserving prompt text and settings. Syntax highlighting distinguishes nodes, references and values.

Open the preview drawer

Preview starts collapsed below the textbox. Expand it to see named ports, wires, settings and group frames. Its summary shows node and link counts. Zoom, pan, use Fit, or find a node in a larger graph.

Click a port or setting to inspect copyable syntax. Preview navigation is preserved while editing; moving around the preview does not change the exported graph.

Read diagnostics

A diagram can still have required inputs missing. Complete them in your expression or continue editing in Comfy. A valid preview does not prove model availability or execution readiness.

The website Playground demonstrates Figma Weave syntax. Comfy’s live preview is in its own extension, using your connected node catalogue.

Saved workflows & prompts

Keep useful text and graph patterns ready to reuse.

Saved prompts

Save text with a prompt shortcut. Import the prompt library before using a live mention:

import prompt;
pmt{@shortcut}

Replace shortcut with your saved prompt shortcut. The text encoder still needs CLIP. Live mentions resolve from the saved prompt when compiling.

Workflow snippets

Save a reusable expression with its own shortcut. Add import workflow;, type /shortcut and press Tab to expand it. Expansion renames colliding labels and their references.

The library’s Use action inserts a literal editable copy. Deleting an entry offers Undo.

Local saving and optional accounts

Signing in is optional. Local extension libraries stay in your Chrome profile; the browser preview has separate storage. The configured extension offers Google account sync, device-library import and Drive snapshots/restore. Review the account controls before importing or restoring a library.

The separate contribution preference is off by default. No model training is implemented.

Node directory

Your connected Cloud session is the source of truth for available nodes.

Browse the live directory

1. Open the correct workflow in Comfy Cloud.
2. Choose Connect to Cloud in the extension.
3. Open Nodes and search for a class or alias.
4. Inspect its input names, output types and allowed setting values before using them.

Common shortcuts

These aliases are conveniences, not a list of everything supported. Full class names from your connected catalogue can be used too.

Settings versus sockets

A numeric, string or choice setting is usually a widget. Inputs such as MODEL, CLIP, IMAGE and LATENT usually need a connection. Use each node’s displayed definition instead of guessing from its visual title.

A static website directory cannot reflect every user’s current Cloud nodes. An advertised node definition also does not guarantee support for every dynamic widget behavior.

Install & insert

Work beside your Comfy Cloud canvas.

The extension is in early access. Join the Comfy list for availability updates.

If you have an unpacked beta

1. Extract the supplied extension ZIP.
2. Open chrome://extensions in Chrome and enable Developer mode.
3. Choose Load unpacked and select the folder containing manifest.json.
4. Open Comfy Cloud and a workflow, then open the extension.
5. Choose Connect to Cloud and allow access to the Cloud site.

Insert into an existing workflow

Start with image > preview. Inspect Preview, then choose Insert into canvas or Shift + Enter. Existing nodes are preserved. Check the canvas before retrying so you do not insert duplicates.

Export an editable workflow

When connected, Export JSON builds a separate editable ComfyUI workflow. It does not replace your active canvas. Copying an expression copies text; workflow JSON is a different format.

Update your beta

Replace the extracted extension files with the new version, click Reload on its Chrome extension card, and reopen the panel. Reconnect to your Cloud workflow.

Troubleshooting

Use the message and the connected node definition to find the next step.

Connection or insertion fails

Keep the intended Cloud workflow open and reconnect. Read the displayed error. Cloud frontend changes can affect integration; unsupported widgets or connections need manual work in Comfy.

Preview works, generation fails

Choose real images and compatible models, complete required inputs, and check the error in Comfy itself. Compilation does not verify account access or submit a generation job.

Support & limits

What the builder handles, and what still belongs on the Comfy canvas.

Supported workflow building

Node-aware expressions, typed connections, settings, named references, groups, repetition, formatting, preview and reusable libraries. Connected insertion uses the registered Comfy node constructors; export creates editable workflow serialization.

Dynamic nodes and widgets

Dynamic inputs, custom widgets, connected widget conversion and subgraph blueprints are not universally supported. Unsupported widgets or connections are rejected rather than silently omitted. Some nodes need manual completion or a dedicated adapter.

Insertion and undo

The extension asks Comfy to record an undo transaction and preserves existing nodes. If wiring fails, it removes newly added nodes and groups. Check the actual canvas after an error.

Generation stays in Comfy

Insertion does not run a model. Model files, media selections, Cloud credits, account access and runtime compatibility are checked outside the expression compiler.

Storage and scope

The Comfy edition has its own local storage and package, separate from the Figma Weave edition. Optional account features only apply when enabled. Cloud integration depends on the frontend interfaces available in the current session.