Koskamo
Navigation

Overflow Design MCP MCP server

The official MCP server for Overflow Design allows AI coding agents to search and fetch hand-drawn icons, illustrations, and isometric drawings. It supports searching by semantic description and retrieving assets in SVG, JSX, or file formats, integrating directly into development workflows for both free and Pro license holders.

Endpoint and access

No sign-in: your client connects and lists tools immediately, with no account or key.

No sign-inEndpoint checked 2026-10-05Operated by Overflow Design
MCP endpoint (Streamable HTTP)
https://www.overflow.design/api/mcp/
Vendor documentation

What you can do with it

  • Search for specific icons or illustrations by description
  • Fetch assets in SVG, JSX, or file formats for projects
  • Integrate design assets directly into coding agents like Claude Code or Cursor
Tools advertised by the last live check:
  • search_drawings
  • get_drawings
  • list_sets

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers a Streamable HTTP server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http overflow-design-mcp https://www.overflow.design/api/mcp/

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add overflow-design-mcp --url https://www.overflow.design/api/mcp/

Cursor

Merge this server into .cursor/mcp.json in your project, then enable overflow-design-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "overflow-design-mcp": {
      "url": "https://www.overflow.design/api/mcp/"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure). The type must be streamableHttp for a remote HTTP server.
Cline configuration
{
  "mcpServers": {
    "overflow-design-mcp": {
      "type": "streamableHttp",
      "url": "https://www.overflow.design/api/mcp/",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start overflow-design-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "overflow-design-mcp": {
      "type": "http",
      "url": "https://www.overflow.design/api/mcp/"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http overflow-design-mcp https://www.overflow.design/api/mcp/

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "overflow-design-mcp": {
      "url": "https://www.overflow.design/api/mcp/"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "overflow-design-mcp": {
      "serverUrl": "https://www.overflow.design/api/mcp/"
    }
  }
}

Other design servers

See all 161

Do you run Overflow Design MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing