Navigation

App interactions

Overview

Navigation is the result of several components and IDE features interaction, for this point, you should be familiarized with components, screens, and variables to achieve complex interactions.

Quickstart

To add new paths to your Uncodie projects simply add Main Frame components inside a Page and prototype navigation with buttons and links. This will compile screens and paths with the main frame name as a URL path.

Navigate between pages

Prototyping in Figma

Once you have declared some screens, see:

Screen Page

You can navigate and add links between apps or sections by using the prototype capabilities in figma

Select and Navigate

You can act Select and Navigate to select a property from the current element and pass that variable in the URL Route Context to the next screen, see:

⚡Actions

and for variable managing also see:

🔤Variables