Documentation AI agents (MCP)
Documentation
AI agents (MCP)
Connect Claude, ChatGPT, Gemini and other AI agents to Popcorn Editor so they can design for you.
This section covers connecting external AI agents — Claude, ChatGPT, Gemini, coding CLIs and any other MCP client — to Popcorn Editor so they can create, read and update designs on your behalf. Start with the overview, check where you can connect for your app, and see is it safe? for what a connected agent can and cannot do.
Overview
Connect any MCP-capable AI agent to Popcorn Editor and let it create and edit designs for you.
Is it safe to connect an AI agent?
What a connected AI agent can and cannot do in your Popcorn Editor account, how to limit it, and how to cut it off.
Where you can connect: apps, mobile, CLIs and IDEs
Which AI apps can connect to Popcorn Editor, how each one differs, and what works on mobile.
Connect Claude
Connect Claude on web, desktop and mobile, plus Claude Code, to Popcorn Editor over MCP.
Connect ChatGPT
Add Popcorn Editor as a ChatGPT custom connector, which requires developer mode on the web.
Connect Gemini CLI
Point Gemini CLI at the Popcorn MCP server with an agent token so it can create and edit designs.
Connect other clients
Connect Cursor, VS Code Copilot, or any MCP-capable client to Popcorn Editor.
Using images with an AI agent
Give a connected agent durable image assets without putting raw file bytes in the design document.
Tools reference
The current MCP tools for designs, templates, workspaces, images, validation, and recovery.
Tokens & security
How agent tokens and OAuth connections work, what agents are allowed to do, rate limits, and how to revoke access.