io.github.kenneives/design-token-bridge-mcp
Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
Servidor MCP · de kenneives
Resumo
io.github.kenneives/design-token-bridge-mcp é um servidor MCP publicado por kenneives. Marketplaces que lemos e que o listam: 1 (Official MCP Registry). Vimos pela primeira vez em 2026-10-11 e não registramos mudanças desde então. Conforme nossa passagem pelos marketplaces em 2026-10-16.
O que pede
- Roda na sua máquina
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Pacote
npm design-token-bridge-mcp (design-token-bridge-mcp no npm)
- Downloads do npm por semana: 75 (2026-10-13)
- Downloads do npm por mês: 341 (2026-10-13)
- Última versão no npm: 1.0.2, publicada em 2026-02-19
Nenhuma vulnerabilidade conhecida no OSV para 1.0.2 (verificado em 2026-10-14)
Os dados do npm vêm do registro público do npm (registry.npmjs.org, api.npmjs.org). Cada número é do próprio registro e nunca é somado a outro. Um registro que não publica um número não mostra nenhum: sem número não é zero. Os registros de vulnerabilidades vêm do OSV.dev (CC BY 4.0) e dizem respeito apenas à versão declarada; uma listagem sem versão declarada não recebe resposta. Não analisamos código.
Funciona com
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Um link de um clique abre o cliente, que pede confirmação antes de adicionar o servidor.
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como servidor MCP local: pacote npm
Gerado a partir do que Official MCP Registry declara.
claude mcp add --transport stdio design-token-bridge-mcp -- npx -y design-token-bridge-mcp[mcp_servers.design-token-bridge-mcp]
command = "npx"
args = ["-y", "design-token-bridge-mcp"]{
"mcpServers": {
"design-token-bridge-mcp": {
"command": "npx",
"args": [
"-y",
"design-token-bridge-mcp"
]
}
}
}Onde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Official MCP Registry (Abrir o registro) | Listado | 1.0.2 | Downloads por mês (npm): 341 Downloads por semana (npm): 75 Forks (GitHub): 1 Estrelas (GitHub): 5 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
O que mudou
Nada mudou neste plugin desde que começamos a acompanhá-lo.
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
uiscanner io.github.mishaovcharenko/uiscanner
Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.
-
tokven-mcp io.github.Mihkel00/tokven-mcp
Generate design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format
-
Automated design token builder producing clean CSS and Sass assets.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
flowbite-mcp io.github.themesberg/flowbite-mcp
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
-
figbridge io.github.rudraptpsingh/figbridge
Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.
-
tailwind-context-resolver-mcp io.github.vola-trebla/tailwind-context-resolver-mcp
Resolves Tailwind CSS design tokens and validates utility classes against the local project config.
-
Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.
-
lanhu-design-mcp io.github.blantian/lanhu-design-mcp
Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units
-
miromiro app.miromiro/miromiro
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…
-
Design system builder and refactorer for Tailwind CSS + Next.js projects. Audits existing styles, defines semantic color/typography tokens, extracts shared UI components, migrates…
-
design-drift prevents AI agents from drifting away from your design system in real time. Lock any of existing brands design systems and every Write/Edit to a UI file is…
-
AI skills, agents, hooks, and commands for the Doom Design System, a neubrutalist React component library. Gives AI agents deep knowledge of every component's API, A2UI protocol…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
Listado em Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Skills for creating MCP Apps with the MCP Apps SDK
Listado em Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Agentic engineering skills for Qt software development — Qt C++/QML code review, QML coding, and Qt C++/QML code documentation.
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
-
Keep your coding agent up to date with the latest web best practices
Listado em Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.
-
Build, run, test, debug, instrument, and implement local macOS apps using Xcode, SwiftUI, AppKit interop, unified logging, and shell-first desktop workflows.
Listado em Community GitHub marketplaces (5)
-
touchdesigner-mcp-server io.github.8beeeaaat/touchdesigner-mcp-server
MCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agents
-
Appwrite tools for Claude Code, including SDK skills, Appwrite MCP servers, and deployment commands.
-
Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
-
MCP tool-catalog compression for Claude Code. Compresses the tool discovery payload from 71,929 to 581 tokens (-99.2%). Auto-installs the zero-dependency mcptoon CLI…
-
Migrate an Adobe Commerce App Builder project from the Integration Starter Kit or Checkout Starter Kit to the new App Management approach.
Listado em Copilot CLI: github/awesome-copilot (5)
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
-
SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
Listado em Copilot CLI: github/copilot-plugins (5)
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
Listado em Cursor: cursor/plugins (5)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Render documentation as a navigable canvas.
-
Render PR diffs as review canvases grouped by importance.
-
Internal team workflows for CI, code review, shipping, local automation, and verification.
Listado em Docker MCP Catalog (5)
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
Generate images, video, and audio with Glif's media-generation agent
-
Tools and resources for writing Effect code in Typescript.
-
A lightweight MCP server for calling MarkItDown.
-
Access the latest Astro web framework documentation, guides, and API references.
Listado em Official MCP Registry (5)
-
uiscanner io.github.mishaovcharenko/uiscanner
Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.
-
tokven-mcp io.github.Mihkel00/tokven-mcp
Generate design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format
-
Automated design token builder producing clean CSS and Sass assets.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
flowbite-mcp io.github.themesberg/flowbite-mcp
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Official MCP Registry. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.