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 ...

Get UX Design for Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.