DesignScan MCP Server

by ms-zaman Your server? Claim it

local only

DesignScan runs on your own machine — the client starts it, so there is no endpoint to ping. 51 installs a week from npm. Last commit 14 Jun 2026.

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

Installs per day peak 15 · avg 5 · +89% w/w

a month agotoday

Installs / week

npm · @designscan/extractor

Stars

0 open issues

14 Jun 2026

Last commit

no releases in 90 days

MIT

License

TypeScript

Nothing serious here today

Today is the operative word: we check DesignScan every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

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

~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "designscan": {
      "command": "npx",
      "args": [
        "-y",
        "@designscan/extractor"
      ]
    }
  }
}

~/.codex/config.toml

[mcp_servers.designscan]
command = "npx"
args = ["-y", "@designscan/extractor"]

.cursor/mcp.json

{
  "mcpServers": {
    "designscan": {
      "command": "npx",
      "args": [
        "-y",
        "@designscan/extractor"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "designscan": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@designscan/extractor"
      ]
    }
  }
}

Alternatives to DesignScan

same job, measured the same way

Standby Design MCP

by karstenkreh

Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.

89 installs/wk 11 tools answering

Dembrandt

by dembrandt

Design tokens from any live site: colours, type, spacing, components, drift against a baseline.

7 444 installs/wk local only

Miromiro

by miromiro

Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.

382 installs/wk answering

Slingshot brand kit

by slingshot

Slingshot's brand guides, design tokens and an off-brand colour check, for any MCP client.

99 installs/wk local only

Plumb MCP

by tathagat22

Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

154 installs/wk local only

StudioMotion

by cambouch

Agency-grade website sections, design tokens and Framer Motion animations for Lovable.

answering

Vue Harvest

by virgilvox

Extract reusable component libraries and design tokens from Vue applications

29 installs/wk local only

Buoy

by ahoybuoy

The design system your coding agents check before they ship: tokens plus exact UI fixes.

420 installs/wk local only

DesignScan — questions

Answers built from our own checks of this server.

Why is there no uptime for DesignScan?

DesignScan runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package @designscan/extractor was installed 51 times last week.

How do I connect DesignScan?

Copy the ready config from this page. We generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each in the form that client actually reads. It runs locally, so the command pulls @designscan/extractor straight from npm; nothing to host, nothing to sign up for.

How many people use DesignScan?

The npm package @designscan/extractor was installed 51 times in the last week. Week over week that is +89%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.

Is DesignScan open source?

Yes — it is published under the MIT licence, written in TypeScript and 1 stars on GitHub. The source link is on this page, so you can read exactly what it does with your data before you connect it.