[베타] ProtoPie MCP 공개! 자세히 보기

[베타] ProtoPie MCP 공개! 자세히 보기

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

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

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

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

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

메뉴

Code MCP 소개

Code MCP는 사용자 기기에서 로컬 읽기 전용(read-only) MCP 서버를 실행하여 Claude Code, Codex, Cursor, VS Code, Antigravity 등의 AI 코딩(coding) 에이전트가 완성된 ProtoPie 프로토타입을 실제 코드로 구현할 수 있도록 돕습니다.

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

주요 기능

  • 단일 링크로 구현: 단 하나의 링크만으로 원하는 프레임워크(React, SwiftUI, Compose, Flutter, QML, ArkTS)에 맞게 전체 프로토타입도, 하나의 씬, 컴포넌트, 레이어 단위로도 구현할 수 있습니다.

  • 구조 및 동작 분석: 씬/레이어 트리, 컴포넌트, 변수, 그리고 그 기반이 되는 인터랙션, 조건, 수식까지 구조와 동작을 분석합니다.

  • 원본 에셋 불러오기: 원본 에셋(이미지, 폰트, 썸네일)을 불러와 생성된 코드가 완벽한 시각적 완성도를 유지하도록 합니다.

요구 사항

  • Node.js 20 이상.

  • 해당 Pie에 대한 다운로드 권한이 있는 ProtoPie Cloud 계정 (Access and permissions 참고).

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

지원하지 않는 기능

  • .pie → 코드 변환만 지원하며, 코드를 다시 .pie 파일로 되돌리지는 않습니다.

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

  • 현재는 로컬(studio) 서버만 지원하며, 리모트 서버는 제공되지 않습니다.

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