Setting up the navigation of your app
The navigation of a Bravo app is done with Figma prototype links.

🚗 How to set up app navigation

1. In Prototype mode in Figma, hover over a starting frame or element until the connection node appears.
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. Make sure you also connect the back buttons to the previous frame and the menu icons to the menu.
4. Make sure the blue Starting Frame icon is placed on your home screen, not the menu.
You do not need to link these page to any destination pages.
Bravo does not support the animations in Figma. To apply page transitions, use the transitions Bravo Tags. The slide and modal menu include their own built-in animation.
Last modified 2mo ago