UX Design for Mobile

Bottom Navigation Prototype

In this prototype, we will create a bottom navigation using the PageComponent included in Framer Studio. 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_A24_Bottom_Navigation_Prototype_Designs.zip code bundle. You can also download this tutorial in Framer from Asset_A6462_A08_A25_Bottom_Navigation_Prototype.framer.zip.

In this example, all our screens have been placed in the same artboard in Sketch, grouped by functional elements. So, we will work referencing the groups as we did in the previous prototype.

Now, we need to open the Bottom_Navigation_Prototype_Designs.sketch file in Sketch and ...