Variables Use Cases

Discover how to apply variables for common use cases. Learn how to use different scopes and data types for variables, use predefined variables, and how these work the various triggers and responses. Try the prototypes yourself and download them to see the interactions.

Learn more about variables and formulas.

Find the use case you need.

Looking for formula-specific use cases? Check out the use cases involving formulas.

Find tips, tricks, and solutions about variables and formulas that other users have shared before in our communities.

Range Slider

Link the position of the handle with a range of values. As you drag and move the handle, the latest value is stored in a variable.

[object Object]

Try the prototype yourself.

Learn more about the Chain trigger, Detect trigger, and functions.

Using Data Elsewhere

Store the input from the input layer in a variable, and use it elsewhere, e.g., a different scene. Think of names, passwords, email addresses, etc. that a user would enter and you want to use throughout the prototype.

[object Object]

Try the prototype yourself.

Learn more about the Detect trigger, Start trigger, and layer properties.

Calculating the Remaining Balance

Calculate the remaining balance when doing a bank transfer. To do the actual calculation, use arithmetic operations subtracting the transfer amount from the current balance.

[object Object]

Try the prototype yourself.

Learn more arithmetic operations, conditions, and components.

Remembering What's in the Shopping Cart

Add items to the shopping cart, and calculate and display the total amount in the shopping cart dynamically—depending on what items were added.

[object Object]

Try the prototype (made by Soda Design) yourself.

Learn more about arithmetic operations, functions, and conditions.

Timer

After every 60 seconds, the timer adds another minute—just like any basic timer does. However, you can create any timer you like. The opposite, a countdown timer, is possible too.

[object Object]

Try the prototype (made by Eduardo Sonnino) yourself.

Learn more about the arithmetic operations, conditions, and the Detect trigger.

On Scroll Sticky Header

Distinguish an upward and downward scroll and adjust the position of the sticky header accordingly—all using a single predefined variable: $touchVelocityY.

[object Object]

Try the prototype yourself.

Learn more about predefined variables and the Detect trigger.

Enabling a Keyboard View

When the keyboard appears from the bottom, move your designs based on the keyboard height. Do these calculations automatically using the predefined variable $keyboardHeight.

[object Object]

Try the prototype yourself.

Learn more about predefined variables and the Focus trigger.

Using the Incoming Speech

Use the incoming speech whenever listening to voice commands is enabled, using the predefined variable $voiceTranscript. Display the transcript via a Text response or make the prototype read it out loud.

Try the prototype yourself.

Learn more about predefined variables and voice prototyping.

Back To Top