INDUSTRIES

Automotive

Aviation

Finance

Gaming

MedTech

IoT

Digital Products

USE CASES

For Enterprise

For Individuals

For Teams

For education

KEY FEATURES

Hardware & System Integration

ProtoPie MCP

Multi-Device Prototyping

Interaction Logic

Developer Handoff

ProtoPie AI

New

User Testing

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

Blog

eBooks

Clients Success Stories

Events & Webinars

ProtoPie Gallery

PRODUCT LEARNING & SUPPORT

ProtoPie School

Download ProtoPie

Product Documentation

Community

INDUSTRIES

Automotive

Aviation

Finance

Gaming

MedTech

IoT

Digital Products

USE CASES

For Enterprise

For Individuals

For Teams

For education

KEY FEATURES

Hardware & System Integration

ProtoPie MCP

Multi-Device Prototyping

Interaction Logic

Developer Handoff

ProtoPie AI

New

User Testing

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

Blog

eBooks

Clients Success Stories

Events & Webinars

ProtoPie Gallery

PRODUCT LEARNING & SUPPORT

ProtoPie School

Download ProtoPie

Product Documentation

Community

Menu

What is ProtoPie Code MCP?

Available with MCP Enterprise.

Code MCP runs a local, read-only MCP server on your machine so that AI coding agents โ€” Claude Code, Codex, Cursor, VS Code, Antigravity, and others โ€” can turn a finished ProtoPie prototype into real code.

Unlike Studio MCP, Code MCP is link-based: you point your agent at a ProtoPie Cloud link โ€” a Pieโ€™s URL or one copied from Dev View โ€” and it reads exactly the Pie and revision that link points to, pulling the scenes, layers, components, variables, and triggerโ€“response interactions it needs. It runs locally via npx and talks to ProtoPie Cloud with your own account permissions over OAuth.

What Code MCP Enables

  • Implement a whole prototype โ€” or one scene, component, or layer โ€” in your framework (React, React Native, SwiftUI, Compose, Flutter, Qt/QML, ArkTS) from a single link.

  • Inspect structure and behavior: the scene/layer tree, components, variables, and the interactions, conditions, and formulas behind them.

  • Pull original assets (images, fonts, thumbnails) so generated code keeps full visual fidelity.

Requirements

  • Node.js 20 or later.

  • Access to an Enterprise Pie in your organization, with.piedownload permission (see Access and permissions below).

  • A supported MCP client: Claude Code, Codex, Cursor, VS Code, Antigravity, or any other MCP-capable agent.

What Code MCP doesnโ€™t do

  • Converts .pie โ†’ code only; it doesnโ€™t turn code back into a prototype.

  • Hands your agent an accurate spec, but final code quality depends on your agent and prompts.

  • Local (stdio) server only โ€” no remote server yet.

Learn how to install & set up Code MCP.