Skip to main content
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:
Besides the controls from the Project Page top bar, the Flow editor includes the following elements from left to right:
UI ElementTypeDescription
Flow ListListSearch for Flows by name and switch between them.
Locale ListListSwitch between Locales.
ChartTabDisplay the Flow chart.
NLUTabDisplay the NLU settings, where you can configure Intents, States, Slot Fillers, as well as attach Flows and Lexicons.
SettingsTabDisplay the Flow Settings, Default Context, and Locale Settings.
user-bubbleIconShows other users who have the current Flow open and active.
ButtonDescription
flow-plusClick to add a new Node or Extension to the Flow.
commentClick to see the comments in the Node.
mouse-cursorIndicates other users who are editing the same Flow.
user-bubbleIndicates that other users are editing the Node to which the icon is attached.
discussion-iconClick 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.
ControlDescription
- and +Zoom out (-) or in (+).
flow-centralizeCenters the chart.
magnifying-glassSearch for Nodes in the Flow.
photo-cameraTake 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.
voice-previewTest voice outputs without executing the entire Flow.
arrow-backUndo the last step by going backward in history.
arrow-forwardRedo the last steps by going forward in history.

More Information

I