Our AI flow editor has 4 sections:
- Graphical Editor.
- List of templates.
- Mode selection.
- Flow info.
We explain each of them below.
Graphical Editor #
In the graphical editor, we will create the flow by joining the different templates according to their execution order. In the graphical editor, we will find the following elements:
The input nodes represent the initial values that we will use to execute our flow. For example, for our blog creation flow, we will use a single input, which is the title of the article.
Each flow can have a maximum of 5 input nodes. You can rename it to specify the type of input to enter.
Template nodes, as the name implies, represent the templates that will be executed in the flow. Each template node will provide information about the type of technology used, as well as the inputs it requires to execute.
In the inputs, you will find available the results of all the templates that were executed before, including the input nodes. This way you can tell the flow with which data you want the templates to be processed.
Additionally, the template nodes have the option to split their result into paragraphs. This option is useful when our template returns multiple paragraphs in a single execution, and we need to process each result independently. For example: when we run the “Blog Outline” template, we want to process the results independently to create content with each of them; to do so, we check the “Divide results in paragraphs” checkbox.
All nodes that are executed after a template, marked as divided, will have in their entries the option to process the full results (Full) and individually (Divide).
Currently, you can only use 5 templates in a flow, and only one of the templates can be divided into paragraphs.
The connections indicate the order of execution of the flow. To make connections, simply select the black point of the source node and point it to the destination node.
When creating a connection between two nodes, the destination node will have available as inputs all the results of the previous nodes.
Connections that form cycles are not allowed, nor are nodes without any connection.
At the top of the editor, you will find a simple menu with options to add input nodes, template nodes (this option only appears when the visualization is smaller than 1024px), and to save the flow (you can also save the flow by pressing Control+S).
At the bottom left of the graphical editor, you will find four buttons with the following functionalities:
- Zoom in.
- Zoom out.
- Fit view.
- Lock the movement of nodes in the graph and the editing of their entries. This option does not prevent nodes from being deleted.
List of templates #
In the left sidebar, you will find the list of available templates to add to your flow. You can select between your own, pre-made, and community templates.
To add a node, simply drag it from its position in the list into the graphic area.
Mode selection #
In the same way, as in the document editor, you can quickly test the templates before adding them to the graphical editor. To do this, select the “Template mode” and you can test them before including them in your flow.
Flow Info #
Finally, in the Add Info button, you will find additional details to add to your flow, such as title, description, among others. These must be completed before you can save.