ProtoPie MCP ベータ版を提供開始!詳しくはこちら。

ProtoPie MCPのベータ版が提供開始!

Introducing ProtoPie

始める

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

始める

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

始める

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

始める

Variables

Predefined Variables

Variables Use Cases

AI

始める

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

ProtoPie MCP

Getting Started

Studio MCP 概要

Studio MCP インストールとセットアップ

Code MCP 概要

Code MCP インストールとセットアップ

Dev View

Auto Layout

시작하기

Auto Layout Properties

Components

始める

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

始める

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

始める

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

始める

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

始める

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

始める

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

始める

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

始める

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

始める

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

始める

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

始める

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

始める

Variables

Predefined Variables

Variables Use Cases

AI

始める

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

ProtoPie MCP

Getting Started

Studio MCP 概要

Studio MCP インストールとセットアップ

Code MCP 概要

Code MCP インストールとセットアップ

Dev View

Auto Layout

시작하기

Auto Layout Properties

Components

始める

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

始める

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

始める

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

始める

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

始める

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

始める

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

始める

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

始める

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

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.