[LIVE] How To Build a Magnetic Knob with Arduino & ProtoPie. Register Now.

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 패널 인터페이스

최상의 결과를 위한 팁

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 패널 인터페이스

최상의 결과를 위한 팁

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 앱 보안

물리적 보안

리스크 관리

씬(Scene)

디자인 프로젝트의 씬은 Sketch 및 Adobe XD의 아트보드, Figma의 최상위 프레임과 유사합니다. 씬의 크기를 조정하려면 기기 선택(Select Device) 메뉴에서 기기를 선택하거나 사용자 지정 크기를 입력할 수 있습니다.

요금제에 따라 프로토타입당 추가할 수 있는 씬의 수에 일부 제한이 있습니다. 자세한 내용은 기능 비교 표를 참조해 주세요.


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

씬 간의 이동

ProtoPie의 씬은 대부분의 디자인 도구처럼 나란히 표시되지 않습니다. ProtoPie에서는 항상 씬을 개별적으로 편집합니다.

눈금자 및 가이드선

캔버스에서 오브젝트, 도형 또는 텍스트 레이어를 정렬하는 것은 어려울 수 있습니다. 이때 눈금자와 가이드선이 유용하게 사용됩니다. 이 시각적 도구들을 통해 오브젝트를 빠르고 정확하게 정렬하고, 거리를 측정하며, 더 빠른 프로토타이핑을 수행할 수 있습니다.

눈금자 표시/숨기기

ProtoPie Studio에서는 캔버스 영역의 상단과 왼쪽에 눈금자가 표시됩니다. 먼저 Labs에서 눈금자 및 가이드선을 활성화했는지 확인하세요. 눈금자를 표시하거나 숨기려면 Shift + R을 누르거나, 애플리케이션 메뉴의 보기(View)에서 눈금자 표시/숨기기(Show/Hide Rules)를 선택하세요.

{'_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.'}

가이드선 제거는 간단합니다. 세 가지 방법으로 제거할 수 있습니다.

  1. 가이드선을 선택하고 Delete 키를 누릅니다.

  2. 가이드선을 눈금자 영역으로 다시 드래그합니다.

  3. 보기(View)로 이동하여 가이드 지우기(Clear Guides)를 선택합니다.


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

가이드선은 프로토타입을 저장하고 종료한 후에도 활성 상태로 유지됩니다. 하지만 완전히 새로운 탭을 열 때는 표시되지 않습니다.