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

물리적 보안

리스크 관리

Adobe XD에서 가져오기

플러그인을 사용하여 Adobe XD에서 ProtoPie로 디자인을 가져와 보세요.

Adobe XD용 ProtoPie 플러그인을 설치하고 Adobe XD에서 플러그인을 실행하세요.

Adobe XD용 ProtoPie 플러그인

ProtoPie 7.0 이상 버전이 필요한 Adobe XD용 ProtoPie 플러그인을 다운로드하여 설치 하세요.

Adobe XD용 ProtoPie 플러그인을 사용하면 번개처럼 빠른 속도와 유연성을 경험할 수 있습니다. 지연 시간 없이 로컬 환경에서 Adobe XD의 디자인을 ProtoPie로 즉시 가져올 수 있습니다.

가져올 대상을 직접 제어해 보세요. 대지를 씬으로 가져오고, 개체는 Adobe XD에서와 동일한 레이어 계층 구조, 위치, 제약 조건을 유지한 채 가져옵니다.

최상의 성능을 위해, 디자인을 ProtoPie로 가져오는 동안 바탕 화면에 Adobe XD를 열어두고 활성화된 상태로 유지해 주세요.

처음이신가요? 이 예제 파일을 사용해 Adobe XD용 ProtoPie 플러그인을 테스트해보세요.

지원되는 속성

  • 표시 여부(Visibility)

  • 잠금(Lock)

  • 위치(Position)

  • 크기(Size)

  • 회전(Rotation)

  • 불투명도(Opacity)

  • 제약 조건(Constraints)

  • 채우기(단색 및 이미지) (Fill)

  • 테두리(Borders)

  • 그림자(Shadow)

ProtoPie의 레이어 속성에 대해 자세히 알아보세요.

Adobe XD용 ProtoPie 플러그인을 사용하면 다음과 같은 작업을 수행할 수 있습니다.

  • 하나 또는 여러 개의 대지 및 개체 가져오기

  • 대지를 씬으로 가져오기

  • 선택한 대상 가져오기

  • 벡터 레이어를 SVG로 가져오기

  • 텍스트 레이어로 변환 가능한 SVG 형식으로 텍스트 레이어 가져오기

  • 제약 조건을 제약 조건으로 가져오기


씬으로 가져오기

Adobe XD의 아트보드를 동일한 이름을 유지하면서 ProtoPie의 씬으로 가져옵니다. 한 번에 하나 또는 여러 개의 아트보드를 씬으로 가져올 수 있습니다. 아트보드를 씬으로 가져오는 작업은 Adobe XD의 레이어 계층 구조를 기반으로 합니다.


{'_type': 'localeString', 'en': 'all artboards protopie plugin adobe xd'}
오브젝트 가져오기

Adobe XD에서와 동일한 레이어 계층 구조, 위치 및 제약 조건(constraints)을 유지하며 오브젝트를 가져옵니다. 한 번에 하나 또는 여러 개의 오브젝트를 가져올 수 있습니다.

Adobe XD의 컴포넌트 및 컴포넌트 인스턴스는 컨테이너로 가져와집니다. ProtoPie에서 컴포넌트로 계속 유지하려면 컴포넌트로 변환하세요. 컴포넌트에 대해 자세히 알아보세요.


{'_type': 'localeString', 'en': 'objects protopie plugin adobe xd'}
SVG로 가져오기

Adobe XD의 벡터 레이어를 ProtoPie에 SVG(Scalable Vector Graphics)로 가져옵니다. 속성을 편집 가능하게 만들려면 가져온 후 도형으로 변환하기만 하면 됩니다. ProtoPie는 아직 모든 SVG 속성을 지원하지 않습니다. SVG 레이어에 대해 자세히 알아보세요.

텍스트 레이어 가져오기

Adobe XD의 텍스트 레이어를 ProtoPie에 SVG로 가져옵니다. 속성을 편집 가능하게 만들려면 가져온 후 텍스트 레이어로 변환하세요. 텍스트 레이어에 대해 자세히 알아보세요.

다시 가져오기 (Reimporting)

일반적으로 Adobe XD에서 다시 가져온 아트보드와 오브젝트는 이전에 가져온 항목을 대체합니다. 그러나 고려해야 할 몇 가지 예외 사항이 있습니다.

  • ProtoPie에서 가져온 오브젝트의 일부 속성을 변경한 경우, 다시 가져오더라도 이 특정 오브젝트에는 영향을 미치지 않습니다.

  • 가져온 후 레이어 계층 구조를 변경한 경우, 다시 가져오더라도 이렇게 조정된 레이어 계층 구조에는 영향을 미치지 않습니다. 예를 들어, 가져온 레이어를 새로 만든 스크롤 컨테이너에 추가한 경우가 여기에 해당합니다.

  • 삭제된 원래 가져오기 레이어는 다시 가져오지 않습니다. 단, Adobe XD에서 해당 특정 레이어만 선택하고 이를 ProtoPie로 가져오는 경우는 제외됩니다.

  • 씬이나 오브젝트의 복사본을 만들려면 한 번만 가져온 다음 복제하세요. 예를 들어, Adobe XD의 아트보드 하나를 ProtoPie에서 2개의 씬으로 만들고 싶다면, 이를 한 번 가져온 다음 씬을 복제하여 두 번째 씬을 만듭니다.

씬으로 가져오기

Adobe XD의 아트보드를 동일한 이름을 유지하면서 ProtoPie의 씬으로 가져옵니다. 한 번에 하나 또는 여러 개의 아트보드를 씬으로 가져올 수 있습니다. 아트보드를 씬으로 가져오는 작업은 Adobe XD의 레이어 계층 구조를 기반으로 합니다.


{'_type': 'localeString', 'en': 'all artboards protopie plugin adobe xd'}
오브젝트 가져오기

Adobe XD에서와 동일한 레이어 계층 구조, 위치 및 제약 조건(constraints)을 유지하며 오브젝트를 가져옵니다. 한 번에 하나 또는 여러 개의 오브젝트를 가져올 수 있습니다.

Adobe XD의 컴포넌트 및 컴포넌트 인스턴스는 컨테이너로 가져와집니다. ProtoPie에서 컴포넌트로 계속 유지하려면 컴포넌트로 변환하세요. 컴포넌트에 대해 자세히 알아보세요.


{'_type': 'localeString', 'en': 'objects protopie plugin adobe xd'}
SVG로 가져오기

Adobe XD의 벡터 레이어를 ProtoPie에 SVG(Scalable Vector Graphics)로 가져옵니다. 속성을 편집 가능하게 만들려면 가져온 후 도형으로 변환하기만 하면 됩니다. ProtoPie는 아직 모든 SVG 속성을 지원하지 않습니다. SVG 레이어에 대해 자세히 알아보세요.

텍스트 레이어 가져오기

Adobe XD의 텍스트 레이어를 ProtoPie에 SVG로 가져옵니다. 속성을 편집 가능하게 만들려면 가져온 후 텍스트 레이어로 변환하세요. 텍스트 레이어에 대해 자세히 알아보세요.

다시 가져오기 (Reimporting)

일반적으로 Adobe XD에서 다시 가져온 아트보드와 오브젝트는 이전에 가져온 항목을 대체합니다. 그러나 고려해야 할 몇 가지 예외 사항이 있습니다.

  • ProtoPie에서 가져온 오브젝트의 일부 속성을 변경한 경우, 다시 가져오더라도 이 특정 오브젝트에는 영향을 미치지 않습니다.

  • 가져온 후 레이어 계층 구조를 변경한 경우, 다시 가져오더라도 이렇게 조정된 레이어 계층 구조에는 영향을 미치지 않습니다. 예를 들어, 가져온 레이어를 새로 만든 스크롤 컨테이너에 추가한 경우가 여기에 해당합니다.

  • 삭제된 원래 가져오기 레이어는 다시 가져오지 않습니다. 단, Adobe XD에서 해당 특정 레이어만 선택하고 이를 ProtoPie로 가져오는 경우는 제외됩니다.

  • 씬이나 오브젝트의 복사본을 만들려면 한 번만 가져온 다음 복제하세요. 예를 들어, Adobe XD의 아트보드 하나를 ProtoPie에서 2개의 씬으로 만들고 싶다면, 이를 한 번 가져온 다음 씬을 복제하여 두 번째 씬을 만듭니다.