DesignScan for VS Code
io.github.ms-zaman/designscan
Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.
client:VS Code
transport:stdio
runtime:npm
Install DesignScan in VS Code
.vscode/mcp.json
{
"servers": {
"designscan": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@designscan/extractor"
]
}
}
}Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs