The Storyboard view allows you to visualize the overall design and navigation of your app. On Storyboard, you can see different screens and user interactions that make up your app. This allows you to see how users will navigate through your app and ensure that the user experience is as intuitive and user-friendly as possible.

Storyboards can also help you identify and resolve potential navigation issues or dead-ends. This saves time and resources that would otherwise be spent on fixing issues later on.

Our Beta release of Storyboarding is optimized for projects with 30 or fewer pages.

Storyboard legend

In a storyboard, a legend is a visual key or guide that explains the meaning of the different lines, icons, and colors used inside the canvas.

We use the following elements inside the storyboard:

  1. The solid line is used to represent the Navigate or Login action.

  2. The dotted line is used to represent the Bottom Sheet action.

  3. The right arrow icon is used to represent the hidden widgets.

Highlight routes on a page

With so many pages displayed on a Storyboard, it may be difficult to identify what routes are coming and where they go from a specific page, especially when lines overlap each other. To highlight the incoming and outgoing routes on a specific page, just click on a page, and the routes will be highlighted in blue color.

Move pages

You might want to adjust the default arrangements of pages on canvas and group the pages that belong to the same feature. To do so, select the page and drag it to the desired place.

Open a page from Storyboard

You can also open a page directly from a Storyboard. To do so, simply double-click on a page.

Video guide

If you prefer watching a video tutorial, here's the one for you:


I am getting "Error: Unable to initialize Storyboard"

This error typically occurs because the initial page has not been set. To resolve this, please set the initial page in the App Details or Authentication settings of your project.

Last Updated Date: April 12, 2024

Last updated