Skip to content
Agentmart
Submit a tool

Design Token Bridge MCP

Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

Connector by kenneives · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 5
Write a review

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/kenneives-design-token-bridge-mcp

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools
5 read · 0 write · 0 delete · 4 not yet classified
Secrets
None asked for
Install scripts
Not scanned yet
Runs as
Node.js package

Tools by what they do 9

Read from the source code; the running server may list different tools.

Read 5 · Look things up without changing anything.

  • extract_tokens_from_css
  • extract_tokens_from_figma_variables
  • extract_tokens_from_json
  • extract_tokens_from_tailwind
  • validate_contrast

Not yet classified 4 · We could not tell from the name and description.

  • generate_css_variables
  • generate_material3_theme
  • generate_swiftui_theme
  • generate_tailwind_config

Tools (9)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • extract_tokens_from_css

    Parse CSS custom properties (variables) and extract design tokens

  • extract_tokens_from_figma_variables

    Parse Figma variables export JSON and extract design tokens

  • extract_tokens_from_json

    Parse W3C Design Tokens Community Group (DTCG) format JSON into universal tokens

  • extract_tokens_from_tailwind

    Parse a Tailwind config and extract theme values into universal design tokens

  • generate_css_variables

    Generate CSS custom properties from universal design tokens with light/dark mode support

  • generate_material3_theme

    Generate Kotlin Jetpack Compose Material 3 theme files from universal design tokens

  • generate_swiftui_theme

    Generate SwiftUI theme files from universal design tokens, with optional Liquid Glass support

  • generate_tailwind_config

    Generate a tailwind.config.js theme from universal design tokens

  • validate_contrast

    Check color combinations in design tokens for WCAG AA/AAA accessibility compliance

Compare and alternatives

    Featured in

    Signals

    Stars
    5
    Forks
    1
    Open issues
    1
    Last commit
    Aug 17, 2026 (2 months ago)
    Last release
    Feb 26, 2026 (8 months ago)

    From GitHub (fetched Oct 24, 2026).

    Details

    Registry name
    io.github.kenneives/design-token-bridge-mcp
    Version
    1.0.2
    Auth
    No auth
    Packages
    npm design-token-bridge-mcp
    License
    MIT
    Repository
    github.com/kenneives/design-token-bridge-mcp
    First seen
    Oct 24, 2026
    Last checked
    Oct 24, 2026
    Source
    Official MCP Registrygithub-graphql
    Cite this page

    Design Token Bridge MCP. Agent Mart. https://agentmart.dev/connectors/kenneives-design-token-bridge-mcp (last updated 2026-10-24)