Nodes and connections
Add a node
Section titled “Add a node”The bottom bar pins the essentials: Select, Rectangle, Ellipse, Text, Pen and Frame, then Generate text, image, video and sound. Click one, or drag a Generate button onto the canvas to drop the node at that spot. They show in Design and Motion mode, are hidden in Play and Code, and fold into + on narrow windows. The rest is behind + in the bottom bar. One menu holds everything you can add: drawing tools, Generate nodes (text, image, video, product, list and more), import (upload a file, Drive or Dropbox, Figma) and templates — an uploaded or dropped picture lands as a plain image layer you can move, resize, rotate, flip and copy, not as a Generate image node; with a frame selected it also offers Insert image and templates for that frame. On a phone the Insert sheet shows the same menu, with Tools and Generate at the top. An entry can be dragged onto the canvas to drop it at that spot. Dragging a file from the asset library, or a colour or product from the brand panel, creates a node already filled.
What a wire carries
Section titled “What a wire carries”- Text: the generated text, or its prompt if it has not generated yet. Upstream text is the prompt of the downstream node when that has none of its own.
- Doc: the document content.
- Linked image or video: a visual reference by default, not an opening or closing frame.
Ports depend on the model
Section titled “Ports depend on the model”A generating node has no fixed ports: they follow the chosen model. Changing model can open or close inputs, for example an audio port on a video model that accepts audio.
Wire colours
Section titled “Wire colours”Text blue, images green, video pink, audio orange, first frame purple, last frame light blue.
First and last frame
Section titled “First and last frame”A video node can have separate first frame and last frame ports. An image wired there gets that temporal role instead of being a generic reference.
Magnetic ports, cable ties and cutting wires
Section titled “Magnetic ports, cable ties and cutting wires”- Magnetic ports. While you drag a wire, the nearest port that accepts it pulls the wire’s end into a soft bubble. Let go inside the bubble and the wire connects. Ports that can’t take the wire are dimmed.
- Cable ties. Hold Alt and drag a line across two or more wires to tie them together. Drag the tie to move the bundle. Hover it and click × to remove it. Agents can do the same with the
set_edge_tiecanvas tool. - Cut a wire. Hover the middle of a wire and click ×.