LocalFree

DesignScan MCP server

ms-zaman/DesignScan

Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

1 GitHub stars1 forks

Install DesignScan in Claude Code

Claude Code
claude mcp add designscan -- npx -y @designscan/extractor
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "designscan": {
      "command": "npx",
      "args": [
        "-y",
        "@designscan/extractor"
      ]
    }
  }
}

Frequently asked questions

What does the DesignScan MCP server do?

Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

Is the DesignScan MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does DesignScan run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add DesignScan to Claude Code?

Run: claude mcp add designscan -- npx -y @designscan/extractor

More search & web scraping MCP servers

View all