# 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 %}

![](/files/wKGUvfkQNYZjAKr7Q23C)

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

![](/files/Gtk1p2KzViLF7GcMxdOo)

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

![](/files/WNTH2j1fFJSm4sAZqA5W)

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

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

* [Intro page](/bravo-tags/intro-and-onboarding/page-intro.md).
* [Loading page](/bravo-tags/loading-experience/state-custom-loading-page.md#how-to-add-the-tag).
* Submit button in a [form](/bravo-tags/form-and-input-fields.md).
* Elements with [action](/bravo-tags/mobile-actions.md) tags.
* [Splash screen](/bravo-tags/app-icon-and-splash-screen.md#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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bravostudio.app/set-up-design/setting-up-your-design-file/app-navigation/setting-up-app-navigation-on-adobe-xd.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.