ProtoPie MCPのベータ版が提供開始!

ProtoPie MCPのベータ版が提供開始!

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Menu

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 とリビジョン (revision) を読み取り、必要なシーン、レイヤー、コンポーネント、変数、およびトリガー・レスポンスのインタラクションを取得します。npx 経由でローカルで実行され、OAuth を介してお客様自身のアカウント権限で ProtoPie Cloud と通信します。

できること

  • 単一のリンクから実装: 単一のリンクから、お好みのフレームワーク(React、SwiftUI、Compose、Flutter、QML、ArkTS)でプロトタイプ全体 — または 1 つのシーン、コンポーネント、レイヤー — を実装できます。

  • 構造と動作の解析: シーン / レイヤーのツリー構造、コンポーネント、変数、そしてその背景にあるインタラクション、条件 (conditions)、数式 (formulas) まで解析します。

  • オリジナルアセットの取得: オリジナルアセット(画像、フォント、サムネイル)を取得し、生成されるコードが完全なビジュアルの再現性を維持できるようにします。

必要条件

  • Node.js 20 以降。

  • 対象の Pie に対するダウンロード権限 (download access) を持つ ProtoPie Cloud アカウント(上記の アクセス権限とパーミッション を参照)。

  • サポートされている MCP クライアント: Claude Code、Codex、Cursor、VS Code、Antigravity、または MCP 対応のその他のエージェント。

できないこと

  • .pie → コードの変換のみに対応しており、コードを再び.pieに戻すことはできません。

  • エージェントに正確な仕様(スペック)を提供しますが、最終的なコードの品質は使用するエージェントやプロンプトに依存します。

  • 現在はローカル (studio) サーバーのみ対応しており、リモートサーバーは提供されていません。

Code MCP のインストールとセットアップ方法を見る