# kenneives/design-token-bridge-mcp

Source: https://glimind.com/server/awesome%2Fkenneives%2Fdesign-token-bridge-mcp
Registry id: `awesome/kenneives/design-token-bridge-mcp`
Status: unknown

## Tools (9)

- `extract_tokens_from_css`: Extracts --color-*, --space-*, --radius-*, --shadow-* custom properties from CSS file content
- `extract_tokens_from_figma_variables`: Parses Figma Variables API JSON for COLOR, FLOAT types, resolves aliases, handles multi-mode
- `extract_tokens_from_json`: Parses W3C DTCG format JSON with $value/$type/$description, resolves {aliases}, handles groups
- `extract_tokens_from_tailwind`: Parses colors, fontSize, spacing, borderRadius, boxShadow from a Tailwind config
- `generate_css_variables`: Generates CSS custom properties in :root block with light/dark mode via prefers-color-scheme
- `generate_material3_theme`: Generates Kotlin Jetpack Compose theme with lightColorScheme(), Typography, Shapes using M3 naming
- `generate_swiftui_theme`: Generates SwiftUI Color extensions, Font structs, optional Liquid Glass (iOS 26+)
- `generate_tailwind_config`: Generates tailwind.config.js with theme extend block using rem units, ESM or CJS
- `validate_contrast`: WCAG AA/AAA contrast checking for color pairs with pass/fail and ratios

Measured by Glimind (https://glimind.com): MCP handshake + tool list only, no tool is ever called. CC BY 4.0.