Data Binding
Last updated
Was this helpful?
No Code
Last updated
Was this helpful?
Uncodie allows you to insert dynamic values and content into your app by using GraphQL queries and data sources.
Open your Figma project
Open Uncodie IDE
After your data Data Source is set in your component's parent element
example: here we added a h1 local variable to the home Frame so it's available for any children to data bind.
Navigate to the Component section
Select your component text or image layer and bind the data in the Value section
Select a variable from your collection to make the data binding:
Data Bind CSS Variables
Data Bind Text Values
Data Bind Images in Figma
Data Bind Querie Params
Data Bind Context Variables
Data Bind Script Params
Use this query to link properties in your components through variable usage. See:
You can create any custom graph ql queries directly in the IDE by typing your search or mutation and passing params, see:
