# Setting up app navigation on Adobe XD

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

{% hint style="info" %}
The dimension of the element determines the touch area to trigger the navigation, so make sure it's not too small for the fingertip.
{% endhint %}

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FtHyV2Ej9dzO26Jos3ZHX%2Fimage.png?alt=media\&token=0a6a0ea4-43bf-4425-aa4a-e2d9a9a93d33)

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

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FgORAFBdPtK5ALipF0cGp%2Fimage.png?alt=media\&token=3d0300c3-f755-41a2-8ea3-d0057bd1a1bd)

   3\. Add a home screen by setting the **blue Home icon.** In case you have an [intro](https://docs.bravostudio.app/bravo-tags/intro-and-onboarding/page-intro) or/and a [login](https://docs.bravostudio.app/integrations/user-authentication) page, these screens will still appear before the home screen.

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FdsotYG8gsp2kw1pVeRwN%2Fimage.png?alt=media\&token=0c44a034-3626-4c79-86b0-11e98ade4c82)

### When do you NOT need a navigation link?

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

* [Intro page](https://docs.bravostudio.app/bravo-tags/intro-and-onboarding/page-intro).
* [Loading page](https://docs.bravostudio.app/bravo-tags/loading-experience/state-custom-loading-page#how-to-add-the-tag).
* Submit button in a [form](https://docs.bravostudio.app/bravo-tags/form-and-input-fields).
* Elements with [action](https://docs.bravostudio.app/bravo-tags/mobile-actions) tags.
* [Splash screen](https://docs.bravostudio.app/bravo-tags/app-icon-and-splash-screen#how-to-add-the-tag-1).

{% hint style="info" %}
**Bravo does not support the animations in Adobe XD**. To apply page transitions, use the [transitions](https://www.figma.com/file/XOv0ej8UMlhw1THztGWwmy/Bravo-Sample%3A-Page-Transitions?node-id=0%3A1) Bravo Tags. The slide and modal menu include their own built-in animation.
{% endhint %}