[베타] 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에서는 다른 사람들과 프로토타입을 공유하는 과정이 원활하게 진행됩니다. 프로토타입에 액세스할 수 있는 사람과 공유 시 표시되는 방식을 완전히 제어할 수 있습니다.

또한, 프로토타입을 인터랙션 녹화(interaction recording)와 페어링하여 개발에 필요한 모든 인터랙션 사양을 엔지니어에게 제공할 수 있습니다.

프로토타입 액세스 권한 관리

프로토타입을 공유할 준비가 되면 페이지 오른쪽 상단의 **공유(Share)** 버튼을 클릭하세요. 프로토타입을 보고 다운로드할 수 있는 사람을 선택할 수 있으므로 액세스 권한을 완전히 제어할 수 있습니다.


{'_type': 'localeString', 'en': 'protopie-cloud-share-settings'}

링크가 있는 모든 사람 허용

이 옵션을 선택하면 프로토타입 링크를 받는 모든 사람이 프로토타입을 보거나 다운로드할 수 있도록 허용합니다.


{'_type': 'localeString', 'en': 'anyone-with-the-link-share'}

액세스 수준

이해관계자와 프로토타입 링크를 공유할 때 액세스 수준(Access Level) 메뉴를 사용하여 액세스 권한 수준을 맞춤 설정할 수 있습니다. 다음과 같은 옵션을 사용할 수 있습니다.

  • 보기 및 다운로드 가능(Can view & download): 프로토타입 링크를 받는 모든 사람이 프로토타입을 보고 다운로드할 수 있습니다.

  • 보기 가능(Can view): 프로토타입 링크를 받는 모든 사람이 프로토타입을 볼 수만 있으며 다운로드할 수는 없습니다.

  • 프로토타입만 보기 가능(Can view prototypes only): 이 옵션은 프로토타입 링크 공유 및 액세스 프로세스를 단순화하므로 사용자 테스트에 이상적입니다. 그러나 웹 브라우저에서 프로토타입이 표시되는 방식을 맞춤 설정할 수는 없습니다. 더 많은 맞춤 설정을 원하시면 위의 옵션들을 사용하세요.

  • 액세스 권한 없음(No access): 팀 공간 외부의 누구도 프로토타입에 액세스할 수 없습니다.

{'_type': 'localeString', 'en': 'pie access level '}

팀 멤버 허용

Pro 및 Enterprise 플랜 전용 기능입니다.

{'_type': 'localeString', 'en': 'only-team-members'}

프로토타입에 대한 액세스를 팀 공간의 멤버로만 제한할 수 있습니다. 이 설정을 활성화하면 팀 멤버만 프로토타입에 액세스할 수 있습니다.

비밀번호 보호

외부에 프로토타입을 공유할 때 무단 액세스에 대한 우려가 있을 수 있습니다. 이를 해결하기 위해 공유 프로토타입에 강력한 보안 표준을 더해주는 비밀번호 보호 기능을 제공합니다.

비밀번호 보호 기능을 활성화하면 올바른 비밀번호를 가진 사람만 프로토타입에 액세스하도록 제한할 수 있습니다.

{'_type': 'localeString', 'en': 'password-protection'}
  1. Pie 페이지의 우측 상단에 있는 공유(Share)를 클릭합니다.

  2. 스페이스 소유자 이름 아랫부분의 섹션을 클릭합니다.

  3. 링크 및 비밀번호가 있는 모든 사람(Anyone with the link & password)을 선택합니다.

  4. 비밀번호를 입력합니다.

  5. 저장(Save)을 클릭합니다.

공유 링크 만료

Enterprise 플랜 전용 기능입니다

Enterprise 플랜을 사용하는 경우 공유된 프로토타입 링크의 만료 기간을 설정할 수 있습니다. 이를 통해 지정된 시간이 지난 후에는 링크가 비활성화되어 접속할 수 없게 되므로, 민감한 디자인 자산을 안전하게 보호할 수 있습니다.

이 기능은 '링크가 있는 모든 사람에게 프로토타입 액세스 허용'을 활성화한 후에 사용할 수 있습니다.

공유 링크의 만료 기간은 1일, 3일, 1주일 중에서 선택할 수 있습니다.

{'_type': 'localeString', 'en': 'pie access link expiry'}

장면(Scene) 전환

"장면 전환(Change Scene)" 옵션을 사용하여 프로토타입 장면을 손쉽게 이동해 보세요. 각 장면에 대한 전용 링크를 생성하여 공유 환경을 정밀하게 제어할 수 있습니다. 이 기능은 Maze와 같은 플랫폼에서 프로토타입을 테스트하는 디자이너와 리서처에게 특히 유용합니다.

{'_type': 'localeString', 'en': 'change scene'}

보기 옵션 설정

이해관계자에게 최상의 뷰잉 환경을 제공할 수 있도록, ProtoPie에서는 프로토타입을 공유하기 전에 화면 표시 옵션을 맞춤 설정할 수 있는 기능을 제공합니다.

톱니바퀴(Gear) 아이콘을 클릭하여 화면 표시 옵션에 액세스하세요. 디바이스 프레임 표시 여부, 커서 유형, 핫스팟 힌트 등 다양한 표시 옵션을 선택할 수 있습니다.

화면 표시 옵션을 선택한 후, 공유(Share) 메뉴 아래의 "링크 복사(Copy Link)" 옵션을 사용하거나 주소창에서 링크를 직접 복사하여 테스터들과 프로토타입을 공유하세요. 테스터가 링크를 열면 활성화한 모든 디스플레이 설정이 적용된 상태로, 의도한 그대로의 프로토타입을 볼 수 있습니다.


{'_type': 'localeString', 'en': 'managing-display-options'}
  • 원본 크기(100%)(Original Size): 프로토타입의 원본 크기로 표시합니다.

  • 화면에 맞춤(Scale to Fit): 브라우저 크기에 맞춰 프로토타입 비율을 조정합니다.

  • 핫스팟 힌트(Hotspot Hints): 터치 가능한 영역을 하이라이트하여 탐색하기 쉽게 만듭니다.

  • 디바이스 프레임(Device Frame): 프로토타입을 디바이스 프레임 내에 표시합니다.

  • ProtoPie UI: 툴바와 같은 ProtoPie Cloud 인터페이스를 포함하여 표시합니다.

  • 커서 유형(Cursor Type): 터치 포인트 모양 또는 화살표 모양 커서 중 선택합니다.

  • 배경(Background): 프로토타입의 배경색을 맞춤 설정합니다.

  • 재생 속도(Playback Speed): 프로토타입 재생 속도를 조절합니다.

방해 요소 없이 공유하기

시각적 방해 요소를 제거하여 이해관계자가 디자인에만 집중할 수 있는 환경을 만드세요. 프로토타입을 공유할 때 화면에 맞춤(Scale to Fit)을 활성화하고 ProtoPie UI(원하는 경우 디바이스 프레임도 함께)를 비활성화합니다.

{'_type': 'localeString', 'en': 'Share prototype without any distractions', 'ja': 'Share prototype without any distractions', 'ko': 'Share prototype without any distractions', 'zh': 'Share prototype without any distractions'}

핫스팟 힌트와 함께 공유하기

핫스팟 힌트(Hotspot Hints)를 활성화하고 프로토타입에서 터치 가능한 영역을 하이라이트하여 이해관계자들이 쉽게 흐름을 찾을 수 있도록 도우세요.

{'_type': 'localeString', 'en': 'share prototype with touch hint option', 'ja': 'share prototype with touch hint option', 'ko': 'share prototype with touch hint option', 'zh': 'share prototype with touch hint option'}

사용성 테스트를 위한 공유

데스크톱에서 사용성 테스트를 진행하는 경우, 불필요한 시각적 방해 요소 없이 프로토타입을 공유하고 싶을 것입니다. 이를 설정하는 방법에 대해 자세히 알아보세요.

모바일이나 태블릿에서 사용성 테스트를 진행하는 경우에는 보다 사실적인 경험을 위해 ProtoPie Player를 사용하는 것을 권장합니다.

엔지니어와 공유하기

프로토타입을 엔지니어용 인터랙션 녹화본과 페어링하여 개발 프로세스를 개선해 보세요. 프로토타입과 하나 이상의 인터랙션 녹화본을 공유하면 엔지니어가 개발에 필요한 모든 인터랙션 스펙에 손쉽게 액세스할 수 있습니다.

핸드오프(Handoff) 버튼을 클릭하여 엔지니어가 작업 중에 쉽게 따라 하고 참조할 수 있는 인터랙션 녹화본을 생성해 보세요. 이를 통해 엔지니어는 여러분의 디자인을 정확하게 기능하는 제품으로 구현할 수 있습니다.

핸드오프 기능에 대해 자세히 알아보세요.

{'_type': 'localeString', 'en': 'sharing-with-engineers'}