INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

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

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

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

ProtoPie MCP

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

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

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Menu

Code MCPのご紹介

MCP Enterpriseでご利用いただけます。

Code MCPは、お使いのマシン上でローカルの読み取り専用MCPサーバーを実行し、AIコーディングエージェント(Claude Code、Codex、Cursor、VS Code、Antigravityなど)が、完成したProtoPieプロトタイプを実際のコードに変換できるようにします。

Studio MCPとは異なり、Code MCPはリンクベースです。お使いのエージェントにProtoPie Cloudのリンク(PieのURL、または開発ビュー(Dev View)からコピーしたリンク)を指定すると、そのリンクが指し示す正確なPieとリビジョンを読み取り、必要なシーン、レイヤー、コンポーネント、変数、そしてトリガーとレスポンスのインタラクションを取得します。これはnpxを介してローカルで実行され、OAuth経由でご自身のアカウントの権限を使用してProtoPie Cloudと通信します。

できること

  • 単一のリンクから、プロトタイプ全体(または1つのシーン、コンポーネント、レイヤー)をお好みのフレームワーク(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のインストールとセットアップ方法について詳しくはこちら