Introducing ProtoPie
- Getting Started
- ProtoPie Ecosystem
- Understanding the Interface
- Making Your First Prototype
Import
- Getting Started
- Importing From Figma
- Importing From Sketch
- Importing From Adobe XD
Basic Features
- Devices
- Scenes
- Layers
- Containers
- Scroll/Paging
- System Status Bar
- Recording
- Shortcuts
Interactions
- Triggers
- Responses
- Timelines
- Animation Curves
Formulas
- Getting Started
- Syntax
- Layer Properties
- Functions
Variables
- Getting Started
- Predefined Variables
Voice Prototyping
- Getting Started
- Listen Response
- Voice Command Trigger
- Speak Response
Components
- Getting Started
- Nested Components
- Send & Receive Messages
- Editing Components in a Library
- Component Guides
Interaction Libraries
- Getting Started
- Managing Library Members
- Managing Interaction Libraries
Use Cases
- Getting Started
- Scroll & Paging Use Cases
- Formulas Use Cases
- Variables Use Cases
ProtoPie Player
- Getting Started
- Managing Prototypes
- Managing Fonts
- ProtoPie Player for Wear OS
Connecting Devices
- Getting Started
Blokdots
- Overview
ProtoPie Cloud
- Getting Started
- Managing Prototypes
- Sharing Prototypes
Teams
- Getting Started
- Onboarding Your Team
- Team Owner & Team Admin
- Editors & Viewers
- Projects
Handoff
- Getting Started
- Creating Interaction Recordings
- Recording Page
- Managing Interaction Recordings
User Testing
- Overview
- User Testing on ProtoPie Cloud
ProtoPie Enterprise
- Getting Started
- Service Admin
- Single Sign-On (SSO)
ProtoPie Connect
- Getting Started
- ProtoPie Connect for the Pro vs. Enterprise plan
- Managing & Testing Prototypes
- IFTTT Plugin
- Logitech G29 Steering Wheel Plugin
- Arduino Plugin
- Gamepad Plugin
- blokdots Plugin
- Custom Plugins
- Connect Embedded
Security
- Overview
- Risk Management
- Data Transit, Storage & Backup
- Access Control
- Network & ProtoPie Player App Security
- Physical Security
- Incident Response

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.

$mouseXx-coordinate of the cursor.
$mouseYy-coordinate of the cursor.
$touchXx-coordinate of where a touch is registered.
$touchYy-coordinate of where a touch is registered.
$touchVelocityVelocity of a touch using a finger or mouse that is in movement.
$touchVelocityXx-component of the velocity of a touch using a finger or mouse that is in movement.
$touchVelocityYy-component of the velocity of a touch using a finger or mouse that is in movement.
$touchPointerCountNumber of fingers touching the screen.
$keyboardHeightHeight of a native keyboard on a smart device when it is visible. Learn more about the input layer.
$deviceOSOperating system of the device the prototype is running on.
$piPi (3.141592).
$timeTime (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.
$voiceTranscriptIncoming speech whenever listening to voice commands is enabled. Learn more about voice prototyping.
$deviceHeightdisplays the height of the device.
$deviceWidthdisplays 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.
$qrValuereturns the value stored in a QR code, after scanning it through the QR Code Scanner. Learn more about the QR Code Scanner
$qrHeightreturns the height of a QR code, after scanning it through the QR Code Scanner. Learn more about the QR Code Scanner
$qrWidthreturns the width of a QR code, after scanning it through the QR Code Scanner. Learn more about the QR Code Scanner
$qrXreturns the x-coordinate of a QR code, after scanning it through the QR Code Scanner. Learn more about the QR Code Scanner
$qrYreturns the y-coordinate of a QR code, after scanning it through the QR Code Scanner. Learn more about the QR Code Scanner