What is ProtoPie Dev View?
Available with MCP Enterprise.
Dev View is a view in ProtoPie Cloud where developers and designers inspect a prototype’s design and interaction details and hand that context to an AI coding agent through Code MCP. Open the exact prototype, read its structure and properties, and copy a link that gives an agent a precise spec. For the full workflow, see the Code MCP sections above.
Opening Dev View
To open Dev View use any of the following methods:
Hover over a cloud Pie and click < > Dev View.
Open the Pie’s context menu and select Open Dev View.
Open the cloud Pie, click the arrow next to the Pie’s name to expand the menu, then select Open Dev View.
Paste a Dev View URL into your browser.
Requirements & access
Viewing requires an Enterprise plan (Personal or Team Space).
The MCP link appears when you’re a member of the Enterprise organization where the Pie is saved, you have Pie download access, and the Pie isn’t password-protected.
The Dev View interface
Selecting a scene, container, or layer updates every panel.
Layer Panel (left) — the Pie’s layer hierarchy, as in Studio.
Canvas (center) — a preview of the selected scene; hover for spacing/distance, zoom to inspect elements.
Inspector — Property (right) — design details: layout, fill (HEX/RGB/HSL), and text styles.
Interactions — Property (right) — a trigger → response tree showing order, delay, parallel timing, and hidden interactions.
MCP tab — copy a context link for your selection and open the setup guides.
MCP tab
Select nothing (whole Pie), a scene, a component, or a layer, then press Copy link — it pins the revision you’re viewing. Without download access, the link is hidden (“MCP link unavailable. Ask the Pie owner to give you organization access and Pie download permission.”). See Quickstart above for the full flow.
Sharing
Use Copy Link in the top bar to share a link that opens Dev View directly. Preview and Dev View links are separate.
Want to see ProtoPie MCP in a demo? Book a demo session now.