[베타] 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

Getting Started

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

Getting Started

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 Player

ProtoPie Player는 ProtoPie Studio를 보완하도록 설계된 무료 앱입니다. iOS, iPadOS 또는 Android 기기에서 프로토타입을 쉽게 확인하고, 경험하고, 테스트해 보세요. 클라우드에 저장된 프로토타입에 액세스하고, 로컬에 저장하는 등 다양한 작업을 모바일이나 태블릿 기기에서 직접 수행할 수 있습니다!

iOS, iPadOS 및 Android 기기용 ProtoPie Player 다운로드하기:

ProtoPie Player로 프로토타입 테스트하기

모바일 기기나 태블릿에서 프로토타입을 미리 보고 테스트할 수 있는 안정적이고 효율적인 방법을 찾고 계신다면, ProtoPie Player가 완벽한 솔루션입니다. 입력 레이어, 센서 기반 상호작용, 보이스 프로토타이핑과 같은 특정 기능들은 ProtoPie Player에서 원활하게 작동하지만, 웹 브라우저에서는 완전히 지원되지 않을 수 있습니다.

ProtoPie Player로 프로토타입(Pie)을 열고 테스트하는 방법에는 여러 가지가 있습니다:

ProtoPie Player로 프로토타입을 테스트하는 방법에 대해 자세히 알아보려면 계속해서 읽어보세요.

Player 앱에서 프로토타입 테스트하기

ProtoPie Cloud에 저장된 프로토타입 테스트하기

개인 및 팀 공간에 있는 프로토타입을 포함하여 클라우드에 저장된 모든 Pie를 보려면 ProtoPie Player 앱에서 "Cloud" 섹션을 여세요. Pie에 액세스하려면 로그인되어 있는지 확인해야 합니다.

 ProtoPie Cloud 및 에 대해 자세히 알아보세요.

로컬에 저장된 프로토타입 테스트하기

ProtoPie Player를 사용하여 오프라인에서 프로토타입을 테스트하려면 앱 내에 프로토타입을 저장할 수 있습니다. 로컬에 저장된 프로토타입에 액세스하려면 ProtoPie Player 앱의 "Saved" 섹션으로 이동하세요. 프로토타입을 로컬에 저장하는 방법에 대해 자세히 알아보세요.

ProtoPie Player로 클라우드 프로토타입 테스트하기

ProtoPie Player 앱을 사용하여 클라우드 페이지에 저장된 프로토타입을 열고 테스트하려면 다음 단계를 따르세요:

  1. 클라우드 페이지에 저장된 Pie를 엽니다.

  2. 공유(Share) 버튼을 클릭합니다.

  3. QR 코드 옵션을 선택합니다.

  4. ProtoPie Player 앱을 사용하여 QR 코드를 스캔합니다.


{'_type': 'localeString', 'en': 'scan a prototype qr code from protopie cloud'}

ProtoPie Studio에서 ProtoPie Player로 프로토타입 테스트하기

원활한 테스트 프로세스를 위해 ProtoPie Studio의 Pie를 ProtoPie Player 앱에서 미리 볼 수 있습니다.

ProtoPie Player를 ProtoPie Studio에 연결하기

ProtoPie Player를 ProtoPie Studio에 연결하는 세 가지 방법이 있습니다:

  1. QR 코드 스캔하기.

  2. IP 주소 입력하기.

  3. USB 케이블 사용하기.

1. QR 코드를 스캔하여 ProtoPie Player 연결하기

  1. 컴퓨터와 스마트 기기가 동일한 WiFi 네트워크에 연결되어 있는지 확인합니다.

  2. ProtoPie Studio의 툴바에서 Device 아이콘을 클릭합니다. QR 코드가 표시됩니다.

  3. ProtoPie Player에서 Scan QR Code 버튼을 누릅니다.

  4. QR 코드를 스캔합니다.

  5. 연결이 완료되면 ProtoPie Studio 툴바의 Run을 클릭하거나 ProtoPie Player의 Run을 누릅니다. 프로토타입이 스마트 기기에서 실행됩니다.

  6. 프로토타입을 수정하셨나요? 프로토타입을 다시 실행하기만 하면 변경 내용이 즉시 반영됩니다.

2. IP 주소를 입력하여 ProtoPie Player 연결하기

  1. 컴퓨터와 스마트 기기가 동일한 WiFi 네트워크에 연결되어 있는지 확인합니다.

  2. ProtoPie Studio의 툴바에서 Device 아이콘을 클릭합니다. IP 주소가 표시됩니다.

  3. ProtoPie Player의 드롭다운 메뉴에서 Type IP Address를 누릅니다.

  4. IP 주소를 입력합니다.

  5. 기기가 New Devices에 나타납니다. Approve를 클릭합니다.

  6. 연결이 완료되면 ProtoPie Studio 툴바의 Run을 클릭하거나 ProtoPie Player의 Run 아이콘을 누릅니다. 프로토타입이 스마트 기기에서 실행됩니다.

  7. 프로토타입을 수정하셨나요? 프로토타입을 다시 실행하기만 하면 변경 내용이 즉시 반영됩니다.

3. USB 케이블을 사용하여 ProtoPie Player 연결하기

  1. 컴퓨터와 스마트 기기가 USB 케이블로 연결되어 있는지 확인합니다.

  2. Android 기기의 경우, USB 디버깅을 활성화합니다.

  3. Windows PC를 사용하는 Apple 기기의 경우, iTunes를 사용하세요.

  4. 연결이 자동으로 설정됩니다.

  5. 연결이 완료되면 ProtoPie Studio 툴바의 Run을 클릭하거나 ProtoPie Player의 Run 아이콘을 누릅니다. 프로토타입이 스마트 기기에서 실행됩니다.

  6. 프로토타입을 수정하셨나요? 프로토타입을 다시 실행하기만 하면 변경 내용이 즉시 반영됩니다.

Android에서 USB 디버깅 활성화하기

다음 단계에 따라 Android에서 USB 디버깅을 활성화하세요.

  1. Open Settings and click on About phone.

  1. Tap on Build Number 7 times, and Developer options will appear.

  1. Click on Developer options.

  1. Enable USB debugging.

  1. Allow USB debugging.

ProtoPie Player에서 프로토타입 링크 열기

기기에 ProtoPie Player가 설치된 상태에서 프로토타입 링크를 열면 ProtoPie Player를 통해 프로토타입을 볼 수 있도록 안내하는 프롬프트가 표시됩니다.

ProtoPie Cloud로 프로토타입 업로드 및 공유하기에 대해 자세히 알아보세요.