Nodes

Everything about nodes — types, configuration, ports, and how to position them on the canvas.

Node categories

CategoryCountExamples
Input4TextInput, ImageInput, VideoInput, AudioInput
AI Text3ChatGPT, Claude, Gemini
AI Image4NanoBanana, DALL-E, Imagen, Fal
AI Video4Veo, Sora, HeyGen, Video Extender
AI Audio3ElevenLabs, EdgeTTS, Whisper
Logic4If/Else, Switch, Transform, Aggregate
Data Processing6FFmpeg Concat, AV Combiner, JSON Builder, Storage Save, Frame Extractor, Subtitle Burn
Publishing3Instagram, TikTok, YouTube

Adding a node

  1. Click the + button in the toolbar
  2. Browse or search the node library
  3. Click a node type to add it to the canvas
  4. Drag it to your desired position

Node configuration

Click any node to open its config panel on the right. Each node type has specific settings:

  • AI Text nodes — model, temperature, max tokens
  • AI Image nodes — model, aspect ratio, number of images
  • AI Video nodes — model, duration, resolution, aspect ratio
  • AI Audio nodes — model, voice, stability, similarity
  • Input nodes — content (the text/file to provide)
  • Logic nodes — conditions, expressions

Recommended positioning

For clean visual layouts, follow the 3-column pattern:

ColumnX PositionNode Types
Left~100pxInput nodes (TextInput, ImageInput)
Center~500pxAI processing (Gemini, Claude, ChatGPT)
Right~900pxOutput nodes (NanoBanana, ElevenLabs, publishing)

Vertical spacing: ~250px between parallel branches.

Node states during execution

StateVisualMeaning
IdleDefault borderNot yet executed
QueuedYellow pulseWaiting for upstream nodes
RunningBlue glowCurrently processing
CompleteGreen borderFinished — click to see artifact
ErrorRed borderFailed — click to see error message

Last updated: 2026-03-27

    Nodes | Zephly