산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

메뉴

Code MCP 소개

MCP Enterprise에서 사용 가능합니다.

Code MCP는 사용자의 컴퓨터에서 로컬, 읽기 전용 MCP 서버를 실행하여 Claude Code, Codex, Cursor, VS Code, Antigravity 등 AI 코딩 에이전트가 완성된 ProtoPie 프로토타입을 실제 코드로 변환할 수 있도록 지원합니다.

Studio MCP와 달리 Code MCP는 링크 기반입니다. 에이전트에게 ProtoPie Cloud 링크(Pie의 URL 또는 개발자 뷰에서 복사한 링크)를 지정하면, 해당 링크가 가리키는 정확한 Pie 및 리비전을 읽어 필요한 씬, 레이어, 컴포넌트, 변수, 트리거-반응 인터랙션을 가져옵니다. 이는 npx를 통해 로컬에서 실행되며, OAuth를 통해 사용자 본인의 계정 권한으로 ProtoPie Cloud와 통신합니다.

주요 기능

  • 단일 링크에서 프레임워크(React, React Native, SwiftUI, Compose, Flutter, Qt/QML, ArkTS)로 전체 프로토타입 또는 단일 씬, 컴포넌트, 레이어를 구현합니다.

  • 씬/레이어 트리, 컴포넌트, 변수 및 그 이면의 인터랙션, 조건, 수식 등 구조와 동작을 검사합니다.

  • 생성된 코드가 완벽한 시각적 정확성을 유지할 수 있도록 원본 에셋(이미지, 글꼴, 썸네일)을 가져옵니다.

요구 사항

  • Node.js 20 이상.

  • 조직 내 Enterprise Pie에 대한 액세스 권한 및 .pie 다운로드 권한(아래의 액세스 및 권한 참조).

  • 지원되는 MCP 클라이언트: Claude Code, Codex, Cursor, VS Code, Antigravity 또는 기타 MCP 지원 에이전트.

지원되지 않는 기능

  • .pie에서 코드로의 변환만 지원하며, 코드를 다시 .pie로 변환하지는 않습니다.

  • 에이전트에게 정확한 사양을 제공하지만, 최종 코드 품질은 사용 중인 에이전트와 프롬프트에 따라 달라집니다.

  • 로컬(stdio) 서버만 지원하며, 아직 원격 서버는 지원하지 않습니다.

Code MCP 설치 및 설정 방법 알아보기