• Topics
• FAQs
• API Documentation
• Professional Services
• User Experience Dictionary
• Important Notice

Screenflow

What is a screenflow?

Screenflows are a visual representation of a selection of pages of a project primarily used to visualize navigation or process flows. Screenflows are a powerful method of organizing your prototype and modelling different processes or hierarchies, such as workflows, navigation paths or site maps and hence help to maintain clarity and structure in larger prototypes. You can create multiple screenflows for different use cases. Just arrange the pages corresponding to your needs.

Creating screenflows

To add a new screenflow, go to the assets tab, click on the "ADD NEW" button and select "Screenflow" from the dialog window. You can create multiple screenflows for different use cases.

Editing Screenflows

Go to the Assets tab and double click on the desired screenflow. This opens the screenflow in the screenflow editor.

What can I do in the screenflow view?

• add pages to a screenflow by dragging them from the left sidebar to the screenflow
• arrange pages in the screenflow by dragging them to the desired position in the screenflow
• remove pages from a screenflow by clicking the "eye" icon (hide) in the context menu of the page
• hide/show links between pages by clicking the "eye" icon on the link (arrow) which you want to show/hide
• add links by dragging a link between green highlighted elements of one page to the target page
• delete links between pages by clicking the "trash" icon on the link (arrow) which you want to remove