...

The Flow studio interacts with the Experience Designer using the Flow Manager Node.
Refer 3.3.5 Flow Manager Node

Flow Preview

During the flow development process, the end-conversational user's experience can be observed firsthand using Flow Preview. The Preview in Chat-Bot option on the Flow Studio canvas can be used to preview a chatbot flow that is currently being developed.

Click on the Preview in Chat-Bot option on the canvas, as shown in the image below. The Bot preview page will open in a new tab using the Default Bot Settings in the project.

...

Setup process:

• In order for this functionality to perform properly, the Google Agent must be deployed. For steps to deploy your Google Agent please refer How to Publish the interaction model to Dialogflow?

• In the Experience Designer, the user must have the Flow Manager flow with Flow Group intent set for their existing projects. More info on Flow Manager setup is here 3.3.5 Flow Manager Node
  
  You can import a sample Flow Manager flow by accessing Experience Designer> Hamburger Menu> Import> Built-in> OrbitaFlows> Flow Manager

• The Experience Designer flows will be configured automatically for new projects.

To support this functionality, a new Flow preview intent will be generated.

...

Auto Save Flow

The checkbox on the bottom left of the Flow Studio Canvas page, Auto Save will help users auto save the change they make on the Flow Studio canvas. By default this is unchecked. The user has to opt in.

When enabled, actions like the below will Auto save the flow changes,

• Editing and saving any Flow Studio control.

• When we click the Back To Flow Studio button.

• If we navigate to any other module from the left navigation menu, the flow changes get saved.
  

...

Sample Flow

The following image shows a sample Flow studio flow.

...