33 tagged design-tokens, measured the same way as everything else here.
Browse within: design-system 19figma 12cli 8mcp-server 7design-systems 6
MCP server Claude CodeCodexCursor +2
Extract design tokens and publicly visible CSS information from any website. Runs locally from the dembrandt npm package.
MCP server Claude CodeCodexCursor +2
Lets the agent drive a real browser: open pages, click, type, take screenshots and read the accessibility tree, using Playwright. Runs locally from the @playwright/mcp npm package.
MCP server Claude CodeCodexCursor +2 ✓ vendor
One of 6 in .mcp.json
MCP server and Claude Code skill for the design-data agent surface — read tools run in-process via wasm. Runs locally from the @adobe/design-data-agent-mcp npm package. Needs 5 environment variables to run.
MCP server Claude CodeCodexCursor +2
MCP server "montology-workspace" as configured in shinyobjectz/montology. Runs locally from the montology-workspace Python package.
MCP server Claude CodeCodexCursor +2
MCP server "memoire" as configured in memi-design/memi. Launched with memi --profile locked mcp start --no-figma.
MCP server Claude CodeCodexCursor +2
Builds Figma from your design system: real components and tokens, enforced, learning every build. Runs locally from the @miapre/mimic-ai npm package.
MCP server Claude CodeCodexCursor +2
Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles. Runs locally from the figbridge-mcp npm package. Needs 1 environment variable to run.
MCP server Claude CodeCodexCursor +2
MCP server "tidy-core" as configured in rominak/tidy-core. Runs locally from the tidy-core npm package.
kenneives/design-token-bridge-mcp
MCP server Claude CodeCodexCursor +2
Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI. Runs locally from the design-token-bridge-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server "7onic-design" as configured in itonys/7onic. Runs mcp/dist/index.js with node.
MCP server Claude CodeCodexCursor +2
MCP server "tokens-studio-mcp" as configured in Blyawon/tokensStudioMCP. Runs locally from the tokens-studio-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server "plumb" as configured in aram-devdocs/plumb. Launched with cargo run --quiet -p plumb-cli -- mcp.
MCP server Claude CodeCodexCursor +2
Forge Space MCP server for UI and backend generation via stdio transport. Runs locally from the @forgespace/ui-mcp npm package.
MCP server Claude CodeCodexCursor +2
AI-powered brand identity generation via MCP with design tokens, typography, and logo assets. Runs locally from the @forgespace/branding-mcp npm package.
MCP server Claude CodeCodexCursor +2
Extract colors from stylesheets and code, with their notation and position. Runs locally from the colors-le-mcp npm package.
MCP server Claude CodeCodexCursor +2
Generate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens. Runs locally from the standby-design-mcp npm package.
MCP server Claude CodeCodexCursor +2
Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS. Runs locally from the @designscan/extractor npm package.
MCP server Claude CodeCodexCursor +2
MCP server for exposing dspack design system corpora to AI coding agents. Runs locally from the @aestheticfunction/ds-mcp npm package.
MCP server Claude CodeCodexCursor +2
Find where your design-token sources disagree. Point it at a Figma export and a live-site scan (any DTCG files) and it shows you exactly which tokens have drifted, how much it matters, and gives you a clean diff to act on. Runs locally from the token-reconciler npm package.
MCP server Claude CodeCodexCursor +2
Javascript Initialization code of DSBridge. Runs locally from the dsbridge npm package.
MCP server Claude CodeCodexCursor +2
One of 2 in .mcp.json
MCP server "figma-query" as configured in standardbeagle/figma-query. Launched with ./figma-query. Needs 2 environment variables to run.
e-brokenc0de/claude-design-mcp
MCP server Claude Code
MCP server "claude-design" as configured in e-brokenc0de/claude-design-mcp. Runs ${CLAUDE_PROJECT_DIR:-.}/dist/server.js with node. Needs 3 environment variables to run.
MCP server Claude CodeCodexCursor +2
MCP server "tap" as configured in metatoy/sorb-tap. Runs locally from the @sorb/tap npm package.
MCP server Claude CodeCodexCursor +2
Read-only stdio MCP server exposing designesy.org's design-intelligence infrastructure — 17 tools for design-system contracts, verification scoring, drift detection, AI readiness, token validation, accessibility, motion, and composite reports. Runs locally from the designesy-mcp Python package.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: