Illustration for the steps for creating application flows

Create an illustration that shows the following steps:

• Use a project wizard template to add a Flow View component, as described in \l{Adding Flow Views}.
• Use a project wizard template to add a Flow Item component for each screen in the UI, as described in \l{Adding Flow Items}.
• Use context menu commands to add action areas and transitions, as described in \l{Adding Action Areas and Transitions}.
• Use context menu commands to apply effects to transitions, as described in \l{Applying Effects to Transitions}.
• When you are ready for production, use the event list simulator to replace transition lines with connections to real signals from UI controls, as described in \l{Simulating Events}.
• To test the conditional logic a UI uses to present its state to users or to collect and process data from various sources, use Flow Decision components, as described in \l{Simulating Conditions}.
• Use states in flows to modify the appearance of components on screens in response to user interaction, as described in \l{Applying States in Flows}.
• Use Flow Wildcard components to prioritize events from other applications and to stop some screens from appearing on others, as described in \l{Reacting to External Events}. 

-----------------------------

The image should/could be similar to the one in https://doc-snapshots.qt.io/qtdesignstudio-4.15/studio-getting-started.html

Or the can both be updated to use a similar style.