Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
No Code
No Code
  • 🏁Getting Stared
    • 🥳Introduction
      • What is Uncodie?
      • App
      • Figma No Code Plugin
        • How to associate your Figma token to Uncodie?
        • How to associate an Uncodie project to figma?
  • 📖Basic Concepts
    • 🧩Components
      • Screen Page
        • Screen Layout
        • Screen Content
      • Table View
        • Table View Header
        • Table View Row
        • Table View Cell
      • Form
        • Text Area
        • Selector
        • Input
        • Button
        • Output
      • HTML components
        • Headers
          • H1
          • H2
          • H3
          • H4
          • H5
        • Title
        • Parragraph
        • List
        • Iframe
        • Video
        • Audio
        • Link
        • Progress
        • Meta
        • Image
        • SVG
      • Advanced
        • Chart
          • Style Personalization
        • Repeat
        • Loading
    • 🎨Appearance
      • Visibility
      • CSS
      • Adaptative Design
      • Responsive Design
    • 🏗️Prototyping
      • Modals
      • Variants
      • Navigation
    • 🔤Variables
    • 💽Data Sources
      • Collections
      • Queries
      • Scripts
    • 🔍Data Binding
    • ⚡Actions
      • Scripts
      • Events
    • 🧑User Management
      • Privacy
    • 🍪SEO and Tracking
      • Capabilities
      • HTML Head Scripts
    • ☁️Publish and Deploy
      • Custom Domains
Powered by GitBook
On this page
  • Overview
  • Quickstart
  • Navigate between pages
  • Prototyping in Figma
  • Select and Navigate

Was this helpful?

  1. Basic Concepts
  2. Prototyping

Navigation

App interactions

PreviousVariantsNextVariables

Last updated 1 year ago

Was this helpful?

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:

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:

and for variable managing also see:

📖
🏗️
Screen Page
⚡Actions
🔤Variables