playwright
01MCP 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.
23 tagged design-tokens, measured the same way as everything else here.
Browse within: figma 9design-system 8design-systems 5
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
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
Part of figma-mcp-bridge
MCP server "figma-mcp-bridge" as configured in atezer/FMCP. Runs /Users/abdussamed.tezer/FCM/dist/local-plugin-only.js with node.
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 "tokens-studio-mcp" as configured in Blyawon/tokensStudioMCP. Runs locally from the tokens-studio-mcp npm package.
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
MCP server "plumb" as configured in aram-devdocs/plumb. Launched with cargo run --quiet -p plumb-cli -- mcp.
MCP server Claude CodeCodexCursor
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
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
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
MCP server "montology-workspace" as configured in shinyobjectz/montology. Runs locally from the montology-workspace Python package.
MCP server Claude CodeCodexCursor
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
Javascript Initialization code of DSBridge. Runs locally from the dsbridge npm package.
MCP server Claude CodeCodexCursor
MCP server "figma-query" as configured in standardbeagle/figma-query. Launched with ./figma-query. Needs 2 environment variables to run.
MCP server Claude CodeCodexCursor
MCP server "test-mcp" as configured in standardbeagle/figma-query. Launched with ./test-mcp.
e-brokenc0de/claude-design-mcp
MCP server Claude CodeCodexCursor
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
MCP server "tidy-core" as configured in rominak/tidy-core. Runs locally from the tidy-core 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.
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.
jeremysykes/component-contracts
MCP server Claude CodeCodexCursor +2
MCP server "component-contracts" as configured in jeremysykes/component-contracts. Runs locally from the component-contracts npm package.