Studio MCP란 무엇인가요?
Studio MCP는 ProtoPie Studio 내부에서 로컬 MCP 서버를 실행하여, Claude Desktop, Claude Code, Codex 등의 AI 클라이언트가 현재 열려 있는 프로토타입을 읽고 제어할 수 있도록 돕습니다. 채팅 프롬프트만으로 인터랙션을 분석하고, 새로운 인터랙션을 구현하거나, 캔버스를 캡처하도록 AI에게 요청할 수 있습니다.
주요 기능
인터랙션 분석: 현재 프로토타입에 설정된 인터랙션을 분석합니다.
프롬프트로 레이어 및 레이아웃 작성: 레이어를 생성, 수정, 배치 및 스타일링하여 화면을 제작하거나 완성도를 높입니다.
프롬프트로 인터랙션 작성: 버튼에 Tap 트리거를 추가하거나, 탭했을 때 카드가 뒤집히는 화면을 구축할 수 있습니다.
화면 캡처: 현재 화면의 프리뷰를 캡처합니다.
요구 사항
ProtoPie Studio 10.3.0 이상 (MCP 서버는 10.3.0 버전부터 기본 포함됩니다).
사용 중인 AI 클라이언트와 ProtoPie Studio가 동일한 컴퓨터에서 실행 중이어야 합니다.
ProtoPie Pro 또는 Enterprise 플랜.
어떤 클라이언트를 연결해야 하나요?
연결이 완료되면 제공되는 기능 경험은 동일하며, 연결 방식에만 차이가 있습니다. 사용 환경에 가장 잘 맞는 방식을 선택해 보세요.
Client | Best for | How you connect (summary) |
|---|---|---|
Claude Desktop (Chat) | 코드나 터미널 사용을 피하고 싶은 디자이너 (가장 쉬운 경로) | Labs 메뉴에서 Open in Claude Desktop 클릭 → 확장 프로그램( |
Claude Code (터미널 CLI 또는 Claude Desktop의 Code 탭) | 코드 에디터나 터미널 사용이 익숙한 디자이너 및 디자인 엔지니어 |
|
Codex / Cursor / VS Code / 기타 | 이미 다른 MCP 클라이언트를 사용 중인 디자이너 및 개발자 | 명령어나 설정 파일(config)을 통해 엔드포인트 등록 |