This guide is based on a series of articles I have written on my website. While it is mainly a list of links, I also provide some background so you can see how my views have evolved over time as I helped more clients create flowcharts for their Dialogflow chatbots.
But first, do you need to create a flowchart for your Dialogflow bot?
Creating flowcharts can go a long way in helping clients clarify the bots they wish to build to their developers.
You can actually sit down and think through your bot's behavior, and the additional rigor of the process will actually help you improve your bot's conversation flow.
Here are some small-scale case studies which explain the power of creating flowcharts before building out your bot.
You will see quite a few articles on my site which use flowcharts to explain the expected intent behavior.
The first article where I explained how to create flowcharts using XMind was my article on designing the WebhookAssistant bot.
Then I wrote an article explaining how to read the conversation flowcharts on this site. Then I wrote an article with some updated conventions.
Some example articles which use flowcharts to supplement the tutorial:
The best tool(s) for creating Dialogflow flowcharts
A while back, I wrote an article where I explained why XMind is the best tool for creating Dialogflow flowcharts.
You can take a look at my reasons here.
As it turns out, I made an important assumption in that article which turned out to be incorrect. The trial version of XMind is only free for non-commercial use. Since many of my website readers are trying to build commercial bots, I then took a look at a couple of other tools my readers had suggested.
So here are my top two suggestions as of 2019:
I explain my reasons in this article.
Here is a video which goes into more detail:
Time-stamped table of contents
01:09 | Multiline nodes
02:40 | Different styles inside a single node
04:08 | Different shapes
04:49 | Automatically reformat layout to org-tree structure
06:35 | Support drill down
08:06 | Node labels
08:58 | Add notes to individual nodes
09:47 | Easy to share
10:20 | Easy to collaborate
10:47 | Aesthetics
11:15 | Price
13:07 | My recommendations
13:37 | Other tools
Flowchart to Chatbot
To see an example of how you can convert a flowchart into a chatbot quickly, you can take a look at my mini-course. The course uses XMind, but it should be quite easy to translate everything in that course to use Mindomo.