Data binding types
Bravo excels in bridging the gap between Figma design and backend development Easily integrate real-time data through APIs, Bravo enables the development of dynamic and interactive user experiences.
Last updated
Was this helpful?
Bravo excels in bridging the gap between Figma design and backend development Easily integrate real-time data through APIs, Bravo enables the development of dynamic and interactive user experiences.
Last updated
Was this helpful?
Data Binding is where you connect the API requests with the app design, or alternatively allows direct manipulation of Figma text within Bravo using Static binding.
To initiate Data Binding:
Open an App and select an App Screen.
Begin the binding process.
Two primary modes of Data Binding are available:
: Choose from a dropdown menu of API collection requests to link your app's design pages and elements.
: This mode offers flexibility by allowing the addition of variables sourced from the backend or other API requests.
Select from the dropdown the API collection requests you want to connect your app design pages and items.
The main benefit of using the static sinding is that you can add variables used from the backend or other API requests. For example, to get the Resort name such as “Welcome to the ${name}”.
Toggle between API binding and Static binding mode on the Data icon: When employing Static Binding, ensure an API request is configured on the corresponding screen.
Blue: API binding.
Grey: Static binding.
