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

Interactions Across Multiple Devices & Hardware

ProtoPie Connect allows you to have prototypes communicate with each other across multiple devices, and have them communicate with hardware and APIs.

New to ProtoPie Connect? Learn more about how to get started.

Using Send & Receive

All communication between prototypes and ProtoPie Connect happens using the Send response and Receive trigger. When a message is sent, ProtoPie Connect relays that message to all prototypes added in ProtoPie Connect.

  • The message acts as the identifier to match the Send response and Receive trigger across prototypes. Only when a Receive trigger has the same message as the Send response (and vice-versa), communication between the two can happen.

  • Use ProtoPie Studio as a channel.

  • Sending a value with a message is optional and not required.


{'_type': 'localeString', 'en': 'using-send-and-receive'}

The Send response and Receive trigger can be used for other purposes and without ProtoPie Connect. Learn more about Send & Receive.

Debugging Messages

In the debug view, see all messages sent among prototypes, bridge apps, and hardware. For debugging purposes, try sending a test message and value to see if they can be received properly.


{'_type': 'localeString', 'en': 'debugging-messages'}

Creating Interactions with Hardware

Prototypes created with ProtoPie can communicate with any hardware. The underlying principle behind interactions with hardware is the same as prototypes communicating with each other across multiple devices.

  • Use the Send response and Receive trigger to send and receive messages.

  • Use messages (via Socket.IO) to communicate signals between hardware and prototypes.

There are three different ways hardware can communicate with ProtoPie.

  1. Directly via Socket.IO

  2. Via bridge app

  3. Via serial (USB) connection for Arduino


{'_type': 'localeString', 'en': 'interactions-with-hardware-and-devices'}

Connecting Hardware Directly via Socket.IO

It is possible for some hardware to communicate via Socket.IO directly (without a bridge app).

  • Connect the hardware directly to ProtoPie Connect its Socket.IO server. This server is indicated using the IP address with port number 9981.

  • All Socket.IO messages sent, ProtoPie Connect will relay them to the prototypes.

  • Prototypes receiving these messages can respond to it. Some hardware supports bidirectional communication, meaning that prototypes can send messages to the hardware.

Learn more about Socket.IO.

Connecting Hardware via Bridge App

Connect any hardware via a bridge app as long as the signals can be converted to Socket.IO messages.

A bridge app converts hardware signals into Socket.IO messages for ProtoPie to interpret. Through Socket.IO, ProtoPie Connect can interpret events and data from the hardware.

  • Connect the bridge app directly to ProtoPie Connect its Socket.IO server. The server is indicated using the IP address with port number 9981.

  • All Socket.IO messages sent, ProtoPie Connect will relay them to the prototypes.

  • Prototypes receiving these messages can respond to them. Some hardware supports bidirectional communication, meaning that prototypes can send messages to the hardware. This is only possible if the bridge app can convert Socket.IO messages into signals the hardware can interpret.

Learn more about bridge apps.

Connecting Arduino via Serial (USB) Connection

For Arduino hardware, it is possible to have prototypes communicate—without a bridge app—via serial (USB) connection.

Learn more about connecting Arduino to ProtoPie Connect.