UX Design for Mobile

Drawer Navigation Prototype

In this prototype, we will create a drawer menu for our application. We will add some behavior for a FAB button, and we will add a simple example of how to prototype a search functionality to validate our flow. As in the previous tutorial, the first thing you need to follow this tutorial is to download the Sketch file that will be used in the prototype from the Asset_A6462_A08_A22_Drawer_Navigation_Prototype_Designs.zip code bundle. You can also download this tutorial in Framer from the Asset_A6462_A08_A23_Drawer_Navigation_Prototype.framer.zip code bundle.

In this example, all our screens are placed in the same artboard in Sketch, grouped by functional elements. Instead of working with artboards, we will work ...