[베타] ProtoPie MCP를 만나보세요! 자세히 보기

[베타] ProtoPie MCP 공개! 자세히 보기

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

ProtoPie MCP

시작하기

Studio MCP 소개

Studio MCP 설치 및 설정

Code MCP 소개

Code MCP 설치 및 설정

Dev View

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

메뉴

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

ProtoPie MCP

시작하기

Studio MCP 소개

Studio MCP 설치 및 설정

Code MCP 소개

Code MCP 설치 및 설정

Dev View

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

모바일 기기 연결하기

단일 기기에서의 인터랙션 디자인뿐만 아니라, ProtoPie를 통해 여러 기기가 서로 통신하는 다중 기기 인터랙션 프로토타입을 제작할 수 있습니다. 예를 들어, 연결된 기기 간의 채팅이나 송금 경험을 쉽게 시뮬레이션할 수 있습니다.

ProtoPie에서 연결된 경험을 만드는 방법은 두 가지가 있습니다:

  • ProtoPie Studio를 허브로 사용

  • ProtoPie Connect 사용

ProtoPie Studio를 허브로 사용하여 두 개의 프로토타입을 연결할 수 있습니다. 이 기능은 모든 요금제에서 지원됩니다. 이 방식으로 인터랙션을 테스트하는 동안 ProtoPie Studio는 계속 열려 있어야 합니다.

ProtoPie Studio를 통해 프로토타입을 연결하는 데에는 두 가지 옵션이 있습니다:

  1. Player 앱에서 실행 중인 두 개의 프로토타입을 연결할 수 있습니다. 두 기기와 ProtoPie Studio가 실행 중인 컴퓨터가 모두 동일한 네트워크에 연결되어 있는지 확인하세요.

  2. ProtoPie Studio의 프로토타입과 Player 앱에서 실행 중인 다른 프로토타입을 연결할 수 있습니다. ProtoPie Studio와 Player 앱 모두 동일한 네트워크에 연결되어 있어야 합니다.

또는 USB를 통해 스마트 기기를 컴퓨터에 연결할 수도 있습니다. 이 방법은 네트워크 연결 상태에 영향을 받지 않습니다.

스마트 기기를 ProtoPie Studio에 연결하는 방법에 대해 자세히 알아보세요.

Pro 또는 Enterprise 요금제를 사용 중인 경우, ProtoPie Connect를 사용하여 더 광범위하게 연결된 경험을 만들 수 있습니다.

시작하기

기기 간 인터랙션을 시뮬레이션하기 위해 ProtoPie는 Send 반응Receive 감지를 사용합니다. Receive 감지가 있는 기기가 Send 반응을 사용하여 다른 기기에서 보낸 메시지를 받으면 반응이 트리거됩니다. 한 기기에서 수신한 메시지가 다른 기기에서 전송한 메시지와 완벽히 일치해야 합니다.

Send 반응 설정하기

채널 [컴포넌트]

컴포넌트 내부에서 [보내기(Send)] 반응을 사용하여 메시지를 전송하고, 이는 컴포넌트 외부의 [수신(Receive)] 트리거를 통해 수신할 수 있습니다. 이는 반대의 경우에도 마찬가지로 작동합니다. 자세한 내용은 컴포넌트 를 참조하세요.

채널 [ProtoPie Connect/Studio]

디바이스 간의 인터랙션이 가능하도록 채널로 ProtoPie Connect/Studio를 선택합니다 (ProtoPie Connect에서도 동일하게 작동합니다).

채널 [현재 씬]

인터랙션을 모듈화하거나 일련의 반응을 재사용하여 반복적인 작업을 피하기 위해, 하나의 씬 내에서 [수신] 트리거와 [보내기] 반응을 사용할 수 있습니다.

메시지

메시지는 전송되는 문자열입니다. 한 디바이스의 [수신] 트리거 메시지가 다른 디바이스의 [보내기] 반응 메시지와 일치해야만 디바이스 간의 인터랙션이 발생합니다.

변수에 할당

메시지와 함께 값을 보낼 수 있습니다. 이 값은 수신 시 변수에 할당되어야 합니다.

채널 [컴포넌트]

컴포넌트 내부에서 [보내기(Send)] 반응을 사용하여 메시지를 전송하고, 이는 컴포넌트 외부의 [수신(Receive)] 트리거를 통해 수신할 수 있습니다. 이는 반대의 경우에도 마찬가지로 작동합니다. 자세한 내용은 컴포넌트 를 참조하세요.

채널 [ProtoPie Connect/Studio]

디바이스 간의 인터랙션이 가능하도록 채널로 ProtoPie Connect/Studio를 선택합니다 (ProtoPie Connect에서도 동일하게 작동합니다).

채널 [현재 씬]

인터랙션을 모듈화하거나 일련의 반응을 재사용하여 반복적인 작업을 피하기 위해, 하나의 씬 내에서 [수신] 트리거와 [보내기] 반응을 사용할 수 있습니다.

메시지

메시지는 전송되는 문자열입니다. 한 디바이스의 [수신] 트리거 메시지가 다른 디바이스의 [보내기] 반응 메시지와 일치해야만 디바이스 간의 인터랙션이 발생합니다.

변수에 할당

메시지와 함께 값을 보낼 수 있습니다. 이 값은 수신 시 변수에 할당되어야 합니다.

Receive 감지 설정하기

채널

기기 간 상호 작용이 가능하도록 채널로 ProtoPie Connect/Studio를 선택해 주세요. 컴포넌트 채널을 사용하면 컴포넌트 외부에서 상호 작용이 발생할 수 있습니다.

메시지

메시지는 전송되는 문자열입니다. 한 기기의 수신(Receive) 트리거에 있는 메시지가 다른 기기의 전송(Send) 응답에 있는 메시지와 일치해야만 기기 간의 상호 작용이 일어납니다.

변수에 할당

메시지와 함께 값을 보낼 수 있습니다. 이 값은 수신 시 변수에 할당되어야 합니다.

채널

기기 간 상호 작용이 가능하도록 채널로 ProtoPie Connect/Studio를 선택해 주세요. 컴포넌트 채널을 사용하면 컴포넌트 외부에서 상호 작용이 발생할 수 있습니다.

메시지

메시지는 전송되는 문자열입니다. 한 기기의 수신(Receive) 트리거에 있는 메시지가 다른 기기의 전송(Send) 응답에 있는 메시지와 일치해야만 기기 간의 상호 작용이 일어납니다.

변수에 할당

메시지와 함께 값을 보낼 수 있습니다. 이 값은 수신 시 변수에 할당되어야 합니다.

예시


{'_type': 'localeString', 'en': 'bridge ex', 'ja': 'bridge ex', 'ko': 'bridge ex', 'zh': 'bridge ex'}