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

물리적 보안

리스크 관리

주석 (Annotations)

주석은 컨텍스트와 설명을 제공하기 위해 상호작용 요소(트리거 및 반응) 사이에 배치할 수 있는 문서 블록입니다. 상호작용 흐름에 직접 표시되는 인라인 주석 역할을 하므로 다음과 같은 경우에 적합합니다.

  • 팀 인수인계를 위한 상호작용 논리 문서화

  • 복잡한 프로토타입 동작 설명

  • 개발자를 위한 구현 노트 제공

  • 이해관계자 검토를 위한 컨텍스트 추가

주석 만들기

상단 바에서 만들기

상단 도구 모음에서 주석 버튼을 클릭하여 주석을 추가합니다.

  • 상호작용 요소가 선택된 경우: 선택한 요소 바로 아래에 트리거 수준 또는 반응 수준 주석을 생성합니다.

  • 선택 사항이 없는 경우: 상호작용 패널 하단에 트리거 수준 주석을 생성합니다.

  • 레이어가 선택된 경우: 레이어 선택을 해제하고 하단에 트리거 수준 주석을 생성합니다.

상호작용 요소 사이에서 만들기

상호작용 요소 사이를 가리키면 + 버튼이 나타나는데, 이때 주석을 선택합니다. 이렇게 하면 해당 특정 위치에 반응 수준 주석이 생성됩니다.

[object Object]

주석 수준 (Annotation Levels)

주석은 두 가지 계층 수준으로 존재합니다.

트리거 수준 (Trigger Level)

일련의 상호작용에 대한 일반적인 컨텍스트를 제공하는 트리거 수준 주석입니다. 상단 바에서 생성하거나 반응 수준 주석을 트리거 수준으로 드래그하여 생성할 수 있습니다.


[object Object]

반응 수준 (Response Level)

특정 반응이나 상호작용 시퀀스를 문서화하는 트리거 내에 중첩된 주석입니다. 상호작용 요소 사이에서 생성하거나 트리거 수준 주석을 트리거 아래로 드래그하여 생성할 수 있습니다.


[object Object]

💡팁: 상호작용 계층 구조의 다른 위치로 주석을 드래그하여 수준 간에 쉽게 전환할 수 있습니다. 단축키를 사용하여 위치를 이동할 수도 있습니다.

  • 맨 위로 이동:

    • Mac: ] 또는 ⌥⌘ ]

    • PC: ] 또는 Ctrl + Alt + ]

  • 맨 아래로 이동:

    • Mac: [ 또는 ⌥⌘ [

    • PC: [ 또는 Ctrl + Alt + [

주석 편집하기

속성 패널에서 주석을 클릭하여 콘텐츠를 편집할 수 있습니다. 주석은 완전한 마크다운 형식을 지원하므로 다음을 수행할 수 있습니다.

  • 제목 및 강조(굵게, 기울임꼴) 추가

  • 목록 및 표 만들기

  • 기술 문서를 위한 코드 블록 포함

  • 외부 리소스 링크 추가

포커스가 맞춰지면 원시 마크다운 텍스트가 표시됩니다. 다른 곳을 클릭하면 콘텐츠가 올바른 형식으로 렌더링됩니다.