← All guides

Zed Industries · Editor

Use PixelMCP in Zed

Use PixelMCP from Zed's agent panel.

Before you start: Zed editor. You'll also need a PixelMCP account. Get 100 free credits
  1. 1

    Add the server

    Settings → AI → MCP Servers → Add Server → Add Remote Server, or in settings.json:

    {
  "context_servers": {
    "pixelmcp": {
      "url": "https://pixelmcp.com/mcp"
    }
  }
}
  2. 2

    Sign in

    Zed prompts you to sign in to PixelMCP the first time it connects.

Things to try

  • “Make an illustration for the 404 page in our brand colors and save it to public/404.png.”

Menus change often. If a label here doesn't match what you see, look for “Connectors”, “MCP” or “Integrations” in Zed's settings, or check Zed Industries's docs.