Introducing ProtoPie

Getting Started

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

Getting Started

Importing From Adobe XD

Importing From Figma

Importing From Sketch

ProtoPie Genie

Basic Elements

Containers

Devices

Layers

Preview Window

Scenes

Scroll/Paging

Shortcuts

System Status Bar

Triggers & Responses

Easing

Annotations

Responses

Timelines

Triggers

Formulas

Getting Started

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

Getting Started

Variables

Predefined Variables

Variables Use Cases

AI

Getting Started

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

Auto Layout

Getting Started

Auto Layout Properties

Components

Getting Started

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

Getting Started

Managing Interaction Libraries

Managing Library Members

Voice Prototyping

Getting Started

Listen Response

Speak Response

Use Cases

Voice Command Trigger

Connecting Devices

Connecting blokdots

Connecting Mobile Devices

ProtoPie Cloud

Getting Started

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

Getting Started

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

Getting Started

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

Getting Started

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

Getting Started

API Plugin

Arduino Plugin

blokdots Plugin

Connect Embedded

Custom Layer Integrations

Custom Plugins

Connect Devices

Gamepad Plugin

IFTTT Plugin

Logitech G29 Steering Wheel Plugin

Testing Prototypes

Feature Comparison

Unity Plugin

ProtoPie Enterprise

Getting Started

Organization Settings

Service Admin

Single Sign-On (SSO)

Security

Overview

Access Control

Data Transit, Storage & Backup

Incident Response

Network & ProtoPie Player App Security

Physical Security

Risk Management

Menu

Introducing ProtoPie

Getting Started

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

Getting Started

Importing From Adobe XD

Importing From Figma

Importing From Sketch

ProtoPie Genie

Basic Elements

Containers

Devices

Layers

Preview Window

Scenes

Scroll/Paging

Shortcuts

System Status Bar

Triggers & Responses

Easing

Annotations

Responses

Timelines

Triggers

Formulas

Getting Started

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

Getting Started

Variables

Predefined Variables

Variables Use Cases

AI

Getting Started

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

Auto Layout

Getting Started

Auto Layout Properties

Components

Getting Started

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

Getting Started

Managing Interaction Libraries

Managing Library Members

Voice Prototyping

Getting Started

Listen Response

Speak Response

Use Cases

Voice Command Trigger

Connecting Devices

Connecting blokdots

Connecting Mobile Devices

ProtoPie Cloud

Getting Started

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

Getting Started

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

Getting Started

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

Getting Started

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

Getting Started

API Plugin

Arduino Plugin

blokdots Plugin

Connect Embedded

Custom Layer Integrations

Custom Plugins

Connect Devices

Gamepad Plugin

IFTTT Plugin

Logitech G29 Steering Wheel Plugin

Testing Prototypes

Feature Comparison

Unity Plugin

ProtoPie Enterprise

Getting Started

Organization Settings

Service Admin

Single Sign-On (SSO)

Security

Overview

Access Control

Data Transit, Storage & Backup

Incident Response

Network & ProtoPie Player App Security

Physical Security

Risk Management

Predefined Variables

Predefined variables are a set of variables that are always accessible in your prototypes. The values they store update automatically.

For example, the value of $mouseX will always change automatically, depending on wherever the cursor finds itself.

Learn more about using variables.

$mouseX x-coordinate of the cursor.

$mouseY y-coordinate of the cursor.

$touchX x-coordinate of where a touch is registered.

$touchY y-coordinate of where a touch is registered.

$touchVelocity Velocity of a touch using a finger or mouse that is in movement.

$touchVelocityX x-component of the velocity of a touch using a finger or mouse that is in movement.

$touchVelocityY y-component of the velocity of a touch using a finger or mouse that is in movement.

$touchPointerCount Number of fingers touching the screen.

$keyboardHeight Height of a native keyboard on a smart device when it is visible. Learn more about the input layer.

$deviceOS Operating system of the device the prototype is running on.

$pi Pi (3.141592).

$time Time (seconds) passed since the prototype started. If you want to know the time passed since a certain event, assign the time when the event occurs to a variable and deduct it from $time.

$voiceTranscript Incoming speech whenever listening to voice commands is enabled. Learn more about voice prototyping.

$deviceHeight displays the height of the device.

$deviceWidth displays the width of the device.

The device width and device height of a device represent its screen size (resolution size), not the viewport size. For example, an iPhone 14 Pro has a resolution of 390x844 @3x, so its device width x device height is 1170x2532 (i.e., (390x3)x (844x3)).

Therefore, the preset size and the device size are not related. If you run a pie that is preset to iPhone 13 on an iPhone 14, the device size of the iPhone 14 will be displayed. Check out this example to learn more.

$qrValue returns the value stored in a QR code after it has been scanned using the QR & Barcode Scanner. Learn more about the QR Code Scanner.

$qrHeight returns the height stored in a QR code after it has been scanned using the QR & Barcode Scanner. Learn more about the QR Code Scanner.

$qrWidth returns the width stored in a QR code after it has been scanned using the QR & Barcode Scanner. Learn more about the QR Code Scanner.

$qrX returns the x-coordinate stored in a QR code after it has been scanned using the QR & Barcode Scanner. Learn more about the QR Code Scanner.

$qrY returns the y-coordinate stored in a QR code after it has been scanned using the QR & Barcode Scanner. Learn more about the QR Code Scanner.

$barcodeValue returns the value stored in a barcode after it has been scanned using the QR & Barcode Scanner.

$barcodeHeight returns the height stored in a barcode after it has been scanned using the QR & Barcode Scanner.

$barcodeWidth returns the width stored in a barcode after it has been scanned using the QR & Barcode Scanner.

$barcodeX returns the x-coordinate stored in a barcode after it has been scanned using the QR & Barcode Scanner.

$barcodeY returns the y-coordinate stored in a barcode after it has been scanned using the QR & Barcode Scanner.