How to create a Top Navigation Bar & Bottom Navigation Tab Bar in Sketch

Top Navigation Bar

To set up a Navigation Bar like the following:

You will want to group your navigation bar into a group. You will then add .*navbar to the name of that group.

As described above, to set the 3 locations of the items in the nav bar, you can use .*leading, .*middle and .*trailing.

Bottom Navigation Bar

To set up a tab bar like the following:

You will want to group your tab bar and add .*tabbar to the name of that group.

To add each individual tab, group the tab and add .*tab to the name of each tab.

Roadmap

Check out https://parabeac.com/roadmap to see what we're currently working on and help us add the features that you want!