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

シーン

デザインプロジェクトにおけるシーンは、Sketch や Adobe XD のアートボード、Figma の最上位フレームに似ています。シーンのサイズを調整するには、デバイスを選択メニューからデバイスを選ぶか、カスタムサイズを入力します。

ご利用プランに応じて、1つのプロトタイプに追加できるシーン数には制限があります。詳細は、機能比較表をご覧ください。


{'_type': 'localeString', 'en': 'scenes'}

シーン間の移動

ProtoPie のシーンは、ほとんどのデザインツールのように横並びで表示されません。ProtoPie では、常にシーンを個別に編集します。

定規とガイド

キャンバス上でオブジェクト、図形、テキストレイヤーを整列させるのは難しい場合があります。そこで役立つのが定規とガイドです。これらの視覚的なツールを使えば、オブジェクトをすばやく正確に整列し、距離を測定し、より速くプロトタイプを作成できます。

定規の表示/非表示

ProtoPie Studio のキャンバスエリアの上部と左側に定規が表示されます。まず、Labs で定規とガイドを有効にしてください。定規を表示/非表示にするには、Shift + R を使用するか、アプリケーションメニューの [表示] から 定規を表示/非表示 を選択します。

{'_type': 'localeString', 'en': 'Use Shift + R, or access this under View in the application menu.'}

ガイドの作成

縦方向または横方向のガイドを作成するには、定規エリアにマウスを合わせ、サイズ変更カーソルをそのままドラッグ&ドロップします。

{'_type': 'localeString', 'en': 'You can create vertical or horizontal guides by simply clicking either ruler.'}

ガイドの削除は簡単です。次の3つの方法があります。

  1. ガイドを選択して Delete を押します。

  2. ガイドを定規エリアに戻すようにドラッグします。

  3. [表示] から ガイドをクリア を選択します。


{'_type': 'localeString', 'en': 'Select Clear Guides under View in the application menu to remove all guides.'}

プロトタイプを保存して終了した後も、ガイドは有効なまま残ります。ただし、まったく新しいタブを開いたときには表示されません。