← All guides

Cognition · Editor

Use PixelMCP in Devin Desktop (formerly Windsurf)

Add PixelMCP to Devin Local, the agent in Devin Desktop (Windsurf's new name).

Before you start: Devin Desktop or the Devin CLI. You'll also need a PixelMCP account. Get 100 free credits
  1. 1

    Add the server

    Run:

    devin mcp add pixelmcp https://pixelmcp.com/mcp
  2. 2

    Or edit the config

    Equivalent entry in ~/.config/devin/mcp_config.json (project: .devin/mcp_config.json):

    {
  "mcpServers": {
    "pixelmcp": {
      "url": "https://pixelmcp.com/mcp",
      "transport": "http"
    }
  }
}
  3. 3

    Sign in

    Opens your browser to sign in; tokens refresh automatically.

    devin mcp login pixelmcp

Things to try

  • “Generate a subtle 16:9 background image for the hero section and optimize it for the web.”

Menus change often. If a label here doesn't match what you see, look for “Connectors”, “MCP” or “Integrations” in Devin Desktop (formerly Windsurf)'s settings, or check Cognition's docs.