Dev View 概要
Dev View はベータ版です。インターフェースや利用可能な機能は変更される場合があり、一部の機能には該当するプランが必要です。
What is Dev View?
Dev View は、開発者がプロトタイプのデザインやインタラクションの詳細を確認し、Code MCP を介してそのコンテキストを AI コーディングエージェントに渡すことができる ProtoPie Cloud のビューです。正確なプロトタイプを開き、構造やプロパティを読み取り、エージェントに精密な仕様（スペック）を提供するリンクをコピーできます。全体のワークフローについては、上記の Code MCP セクションを参照してください。
Dev Viewの開き方
ProtoPie Cloud で Pie の上にマウスカーソルを合わせ、< > Dev View をクリックするか、Pie のコンテキストメニューまたは Preview の上部メニューから Open Dev View を選択するか、Dev View の URL を直接貼り付けて開きます。Dev View は常に Pie の最新バージョンを表示します。
必要条件とアクセス権限
Dev View の閲覧には、Pro、Pro Plus、または Enterprise プラン（Personal または Team Space）が必要です。Free / Basic プランでは
< > Dev Viewボタンは表示されますが、ロックされた状態となります。MCP リンクの提供有無は別途制御されます — Pie に対するダウンロード権限がある場合にのみ表示されます。詳細は上記の アクセス権限とパーミッション を参照してください。
Dev Viewのインターフェース
シーン、コンテナ、またはレイヤーを選択すると、すべてのパネルが更新されます。
Layer Panel (左) — Studio と同様の Pie のレイヤー階層構造です。
Canvas (中央) — 選択したシーンのプレビューです。マウスカーソルを合わせて間隔 / 距離を確認したり、拡大して要素を詳細に検証したりできます。
Inspector — Property (右) — レイアウト、塗りの色 (HEX / RGB / HSL)、テキストスタイルなどのデザイン詳細情報です。
Interactions — Property (右) — 順序、ディレイ、並列タイミング、非表示のインタラクションを示すトリガ → レスポンスツリーです。
MCP tab — 選択した領域のコンテキストリンクをコピーし、セットアップガイドを開くことができます。
MCP タブ
何も選択しない状態（Pie 全体）、シーン、コンポーネント、またはレイヤーを選択して Copy link を押します — 現在表示している特定のリビジョン (revision) が固定されます。ダウンロード権限がない場合、リンクは非表示になります（「MCP リンクを使用するには Pro または Enterprise プランおよびダウンロード権限が必要です。Pie 所有者にお問い合わせください」）。フロー全体については上記の クイックスタート を参照してください。
共有
上部バーの Copy Link を使用すると、Dev View が直接開くリンクを共有できます。Preview リンクと Dev View リンクは個別に管理されます。