...

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.

• In the Experience Designer, the user must have the Flow Manager flow with Flow Group intent set for existing projects.
  You can also find 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.

...

Sample Flow

The following image shows a sample Flow studio flow.

...