Dembrandt is a powerful design token extraction tool that, through MCP integration, allows AI agents to easily obtain design information from websites. It supports multiple export formats and CI integration, but attention should be paid to compliance and resource consumption. Overall, it is suitable for teams needing automated design analysis.
Dembrandt is an open-source CLI and MCP server that uses Playwright to render web pages, read computed styles and the DOM, and automatically extract design tokens such as colors, typography, spacing, borders, shadows, motion, components, and breakpoints. It supports exporting to the DTCG standard format or generating a DESIGN.md file. It also offers token drift detection, WCAG contrast analysis, brand guide PDF generation, and more, helping with design system documentation, audits, and continuous integration.
npm install -g dembrandt, or use npx: npx dembrandt <url>.{"mcpServers": {"dembrandt": {"command": "npx", "args": ["-y", "--package", "dembrandt", "dembrandt-mcp"]}}}dembrandt install-browser.{
"mcpServers": {
"dembrandt": {
"command": "npx",
"args": [
"-y",
"--package",
"dembrandt",
"dembrandt-mcp"
]
}
}
}