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

물리적 보안

리스크 관리

기기

ProtoPie Studio에서 다양한 기기 및 기기 프레임에 대한 프로토타입을 제작해 보세요. iOS, iPadOS, Android, 데스크톱 등 대중적으로 가장 많이 활용되는 기기 목록에서 선택할 수 있습니다. 그 외 다른 화면 규격의 경우에는 맞춤형 디자인 크기를 직접 설정할 수도 있습니다.

다음 목록에 명시된 해상도는 세로 방향(Portrait) 모드를 기준으로 합니다.

모바일 및 태블릿

기본적으로 iOS, iPadOS 및 Android용 프로토타입은 클라우드에서 미리 볼 때 각 기기에 맞는 기기 프레임이 표시됩니다. 자세히 알아보기 ProtoPie Cloud에 대해 더 알아보세요.

iOS & iPadOS

ProtoPie가 지원하는 iOS 및 iPadOS 기기 목록은 다음과 같습니다.

  • iPhone 14 Pro Max — 430 x 932 px

  • iPhone 14 Pro — 393 x 852 px

  • iPhone 14 Plus — 428 x 926 px

  • iPhone 14 — 390 x 844 px

  • iPhone 13 Pro Max — 428 x 926 px

  • iPhone 13/13 Pro — 390 x 844 px

  • iPhone 13 Mini — 375 x 812 px

  • iPhone 12 Pro Max — 428 x 926 px

  • iPhone 12/12 Pro — 390 x 844 px

  • iPhone 12 Mini — 375 x 812 px

  • iPhone 11 Pro Max — 414 x 896 px

  • iPhone 11 Pro/X — 375 x 812 px

  • iPhone 11 — 414 x 896 px

  • iPhone 8 — 375 x 667 px

  • iPhone 8 Plus — 414 x 736 px

  • iPhone SE — 320 x 568 px

  • iPhone 7 — 375 x 667 px

  • iPhone 7 Plus — 414 x 736 px

  • iPad Pro — 1024 x 1366 px

  • iPad — 768 x 1024 px

Android

ProtoPie가 지원하는 Android 기기 목록은 다음과 같습니다.

  • Samsung Galaxy S20 — 360 x 800 px

  • Samsung Galaxy S10 — 360 x 760 px

  • Samsung Galaxy S8/S9 — 360 x 740 px

  • Samsung Galaxy S7 — 360 x 640 px

  • Samsung Galaxy Note 5 — 360 x 640 px

  • Google Pixel 5 — 393 x 851 px

  • Google Pixel 4XL — 411 x 869 px

  • Google Pixel 4 — 393 x 829 px

  • Google Pixel 3 — 411 x 822 px

  • Google Pixel 2 — 411 x 822 px

  • Google Pixel — 411 x 371 px

  • Google Nexus 6P — 411 x 731 px

데스크톱, 웹 및 TV

아래에서 ProtoPie가 데스크톱, 웹, TV용으로 지원하는 기기 크기를 확인해 보세요:

  • 데스크톱 — 1280 x 1024 px

  • 데스크톱 HD — 1440 x 1024 px

  • HD 720p — 1280 x 720 px

  • HD 1080p — 1920 x 1080 px

기기 선택하기

  1. 툴바에서 기기 이름을 클릭합니다.

  2. Select Device (기기 선택) 메뉴에서 원하는 기기 유형을 선택합니다.

  3. 기기를 지정하여 선택합니다.

  4. 화면 방향을 선택합니다.

화면 방향 (Orientation)

다음 두 가지 화면 방향 중에서 선택할 수 있습니다.

  • 세로 (Portrait)

  • 가로 (Landscape)

기기 직접 설정하기

원하는 프로토타입 디자인에 해당하는 기기 크기를 찾을 수 없는 경우, 사용자 지정 기기 크기를 직접 설정할 수 있습니다.

  1. Select Device (기기 선택) 메뉴에서 Custom (직접 설정)을 클릭합니다.

  1. 원하는 너비(Width)높이(Height) 값을 입력합니다.

  2. 밀도(Density) 값을 채워 넣습니다. (화면 픽셀 밀도: @2x, @3x, @4x 등)

  3. 필요에 따라 기기의 시스템 상태바(System Status Bar) 표시를 활성화합니다.