Setting up app navigation on Adobe XD

1. Go to Prototype mode > select an element as the starting point of the navigation.

The dimension of the element determines the touch area to trigger the navigation, so make sure it's not too small for the fingertip.

2. Click on the connection node and drag link to the destination page.

3. Add a home screen by setting the blue Home icon. In case you have an intro or/and a login page, these screens will still appear before the home screen.

You do not need to link these page to any destination pages:

Bravo does not support the animations in Adobe XD. To apply page transitions, use the transitions Bravo Tags. The slide and modal menu include their own built-in animation.

Last updated