✈️ Building an aviation cockpit prototype. Register now.

✈️ Building an aviation prototype. Register.

INDUSTRIES

Automotive

Aviation

Finance

Gaming

MedTech

IoT

Digital Products

USE CASES

For Enterprise

For Individuals

For Teams

For education

KEY FEATURES

Hardware & System Integration

Beta

ProtoPie MCP

Multi-Device Prototyping

Interaction Logic

Developer Handoff

ProtoPie AI

New

User Testing

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

Blog

eBooks

Clients Success Stories

Events & Webinars

ProtoPie Gallery

PRODUCT LEARNING & SUPPORT

ProtoPie School

Download ProtoPie

Product Documentation

Community

INDUSTRIES

Automotive

Aviation

Finance

Gaming

MedTech

IoT

Digital Products

USE CASES

For Enterprise

For Individuals

For Teams

For education

KEY FEATURES

Hardware & System Integration

Beta

ProtoPie MCP

Multi-Device Prototyping

Interaction Logic

Developer Handoff

ProtoPie AI

New

User Testing

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

Blog

eBooks

Clients Success Stories

Events & Webinars

ProtoPie Gallery

PRODUCT LEARNING & SUPPORT

ProtoPie School

Download ProtoPie

Product Documentation

Community

Menu

Formulas Use Cases

Explore the practical application of formulas for various use cases. Learn how to effectively use the correct syntax, layer properties, and functions. Experience the prototypes firsthand by trying them out and downloading them to observe their interactions.

Learn more about formulas and variables.

Find the use case you need below:

Looking for variable-specific use cases? Check out the use cases involving variables.

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

Validating an Email Address

Validate a text, e.g., an email address, as part of a signup process. Check whether specific characters or a keyword are present in a text. In this case, to validate if the input is an email address, check whether "@" is present with the indexOf function.


{'_type': 'localeString', 'en': 'Validating email address'}

Try the prototype yourself.

Used functions: indexOf.

Learn more about functions, conditions, and the Focus trigger.

Minimum Password Length

To enhance security, passwords often should have a minimum character length. Check whether an input exceeds a certain number of characters with the length function.


{'_type': 'localeString', 'en': 'minimun password length'}

Try the prototype yourself.

Used functions: length.

Learn more about functions, conditions, and the Focus trigger.

Showing & Hiding a Password

To verify whether you are typing the correct password or not, you need to show and hide the password. Do this by using the text property of an input layer.


{'_type': 'localeString', 'en': 'show hide password'}

Try the prototype yourself.

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

Countdown Timer

Make any countdown timer you can imagine. Adjust the repeat of the Text response to set the duration of the countdown timer.


{'_type': 'localeString', 'en': 'countdown timer'}

Try the prototype yourself.

Used functions: number.

Learn more about functions, layer properties, and arithmetic operations.

Random Shuffle

Display a letter or number randomly based on a fixed set of letters and numbers.


{'_type': 'localeString', 'en': 'random shuffle'}

Try the prototype yourself.

Used functions: right, left, randomInt.

Learn more about functions and the Start trigger.

Checking a Bank Account Balance

To check whether a bank account balance is positive or negative, verify whether a number is above or below 0.


{'_type': 'localeString', 'en': 'checking a bank account balance'}

Try the prototype yourself.

Functions used: sign.

Learn more about arithmetic operations, functions, and conditions.

Expanding a Card in a List

Expand a card in a scrollable card list regardless of the scroll position of the scroll container, with the card moving to the top making space for other content.


{'_type': 'localeString', 'en': 'expanding a card'}

Try the prototype (made by one of our users, Nestor) yourself.

Used functions: toLayerX, toLayerY.

Learn more about functions and arithmetic operations.