# Setting up app navigation on Figma

1\. In **Prototype** mode in Figma, **hover over a starting frame or element** until the connection node appears.

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

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

 3\. Make sure you also **connect the back buttons** to the previous frame. In case you have a [menu](https://docs.bravostudio.app/bravo-tags/menus), link the menu items to the corresponding screen.

4\. Finally, to add a **home screen** (the first screen the user will see when opening the app), add a new **flow starting point**. 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%2FGc9NVX9q8Hnjv37bu0dk%2FScreen-Recording-2024-01-15-at-16.30.09.gif?alt=media\&token=1681320e-508c-4134-a4a7-c5584b71d365)

{% hint style="warning" %}
 There must be a single prototyping flow in the app.
{% endhint %}

### 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 Figma**. 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 %}