Flow Editor

The Flow Editor is a user interface (UI) where you can see a graphic representation of a Flow, the Flow Chart, and design AI Agents’ conversations. In the Flow editor, the Flow consists of Nodes that represent various actions or decision points. The Nodes are linked to one another by lines that indicate the conversation’s path, from the Start Node to the End Node. The Flow editor allows for Collaborative Editing. This means that multiple users can edit the same Flow at the same time. A green arrow next to a Node indicates the Flow Entrypoint. The Entrypoint is where the AI Agent expects a user entry. The Flow editor highlights the path of the conversation in green. The green path allows you to understand the Flow execution path at each step, depending on the input in the Interaction Panel.

Limitations

You can add up to 100 Nodes in the Flow editor.

Exploring the Flow Editor

The following image shows an overview of the Flow editor:

1. Top Bar

Besides the controls from the Project Page top bar, the Flow editor includes the following elements from left to right:

UI Element	Type	Description
Flow List	List	Search for Flows by name and switch between them.
Locale List	List	Switch between Locales.
Chart	Tab	Display the Flow chart.
NLU	Tab	Display the NLU settings, where you can configure Intents, States, Slot Fillers, as well as attach Flows and Lexicons.
Settings	Tab	Display the Flow Settings, Default Context, and Locale Settings.
	Icon	Shows other users who have the current Flow open and active.

2. Flow Chart

Button	Description
	Click to add a new Node or Extension Node to the Flow.
	Click to see the comments in the Node.
	Indicates other users who are editing the same Flow.
	Indicates that other users are editing the Node to which the icon is attached.
	Click to open the Discussion menu on the Node and access Discussion Threads.

The Flow editor supports drag and drop. To copy a Node, simply hold the Alt or Option while dragging the Node to another position.

3. Chart Controls

Control	Description
- and +	Zoom out (-) or in (+).
	Centers the chart.
	Search for Nodes in the Flow.
	Take a screenshot of the entire Flow and save it in PNG format. In the top left corner of each screenshot, the time of its creation and the Cognigy logo are displayed.
	Test voice outputs without executing the entire Flow.
	Undo the last step by going backward in history.
	Redo the last steps by going forward in history.