Step 9: Connect the screens to create a flow
It's possible to ship your design as a collection of individual screens. But a better option is to create a wireflow.[1]
There are several benefits of creating a wireflow:
- Flows are easier for the team to understand as they show interactions. Arrows as visual instruments work better than lengthy descriptions.
- Creating flows makes you think about the app's functionality as a whole. For example, you might realize that it takes a few seconds to fetch search results, and you'd need to design an extra state or loading screen.
Pro Tip: Giving each screen a reference number makes it much easier to discuss them with team members or stakeholders.

