- Conduid
- Marketplace
- #design-tokens
MCP servers tagged design-tokens
103 live MCP servers tagged "design-tokens", ranked by trust score. Tags come from package metadata and repository topics, so this list covers servers across every category that work with design-tokens.
Penpot MCP
Penpot MCP server
freema/mcp-design-system-extractor
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adopt…
Helixir
One infinite session for any agents and harness you have. No more degradation and hallucinations.
Stitch Skills
Claude Code and Codex skills for Google Stitch — generate UI screens, manage design systems, export design tokens, slice components, and build Storybook from Stitch designs
Dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Ux Ui Agent Skills
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
spectrum-design-data
Model Context Protocol server for Spectrum design data including tokens, schemas, and component anatomy
S2 Docs
MCP server for Spectrum 2 documentation
Design Learn
Extract reference-site design language into reusable rules for AI coding tools.
Extract Design System
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an A…
Opendesign
1,486 real web design systems, extracted into machine-readable specs. An MCP server for AI coding agents — so what they build has taste, not just working code.
Design Oracle
Analyze any website and extract its complete design system — colors, typography, spacing, components, UX patterns — export as Tailwind config, React components, design tokens, or…
Dialtone MCP Server
MCP Server for Dialtone Design System
Figma MCP Pro
A Claude Desktop MCP server for Figma that retrieves design data, downloads assets, and processes designer comments for AI-powered design implementation
Figma MCP Console
Figma MCP server for AI coding assistants — real-time read/write via a Figma Desktop plugin. No API token, no rate limits.
Open Claude Design
Claude Design in Claude Code, Codex, Cursor, and 20+ agents. Designs come from your real components, tokens, and states; approved revisions sync back.
Folio Motion
A production-grade portfolio template with a real backend, an AI agent API, and a motion engine that measures animation instead of guessing. One config file to make it yours. Next…
Ds Base Ui
Playground repo for designers learning AI design system workflows: a small, real design system on Base UI and React, in Storybook and mirrored to Figma.
Compose Bridge
Real-time on-device visual editor for Jetpack Compose + MCP Server for AI agents. Live UI tuning, AST-guided surgical source splicing, and standalone AI-driven code edits — no pho…
AI-by-design/primitiv
your code never leaves your machine.
Work With Design Systems
Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Pha…
Brandmd
Stop Claude Code/Cursor from guessing UI. Extract any website design system into a Stitch-ready DESIGN.md.
Figma Console MCP Skills
The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens, variables, component analysis, WCAG lint, a11y aud…
Ux Skill
Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop linter with 152 rules, 160 brand specs, a 7-axis synthesizer, an MCP ser…
Dembrandt Skills
Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.
Hig MCP
MCP server serving Apple Human Interface Guidelines as structured design tokens for AI coding agents — post-WWDC25 system colors, Liquid Glass constraints, SwiftUI mappings.
Wind
Tailwind CSS for Flutter — classes like flex, p-4, dark:bg-gray-800 compose into widget trees. MCP server + Claude Code skill for AI agents.
Spectr
See an app. Ship an app. — Turn a screen recording into a production-ready spec.md for Claude Code.
Lyse
Open-source design-system drift scanner — audit tokens, components, a11y & docs; score adoption; hand fixes to your coding agent. Local-first & deterministic.
Montology
Design-system and vocabulary drift, enforced. Tailwind themes become law, rogue values get receipts, words live in a database agents inherit — one org ontology across every repo.
Veritheme
Veritheme — one source of truth for Figma, code & AI. 66 UI components: pure CSS utility classes, design tokens, dark mode, vanilla JS bundle.
ThemeKit
Theme-driven, brand-neutral SwiftUI design system — re-skin your whole app from one accent color. 130+ token-bound components, zero-dependency core.
Skills For Figma
Open-source agent skills for the native Figma MCP server — design tokens, components, accessibility, Slides, and FigJam.
Fixel
MCP server launcher for Fixel — lets AI coding agents call fixel_scan, fixel_verify, and fixel_annotate over the Model Context Protocol.
Figma React MCP Server
An MCP server that converts Figma designs into React code.
Swatchbook
Model Context Protocol server for swatchbook — exposes a DTCG project's tokens, axes, and diagnostics to AI agents without running Storybook.
Plumb
Deterministic design-system linter for rendered websites. CLI + MCP server for AI coding agents.
Kanso Protocol
Open source design system for Angular — and any framework via Web Components. W3C DTCG design tokens as a single source of truth for Figma and code; ships an MCP server for AI ass…
Design Inspiration MCP
Premium MCP server for design engineering. Integrated with Google Stitch and High-end Design Taste guidelines.
Figma Relai
Your AI, on the canvas — connect Claude Code, Cursor, or any MCP client to Figma: read, edit, audit, build. The file itself carries your rules and rulings. Works on every Figma pl…
Dsx
Sync files between a Claude Design project and a local directory without the bytes passing through a model's context. Single Go binary, stdlib only.
Allcrew Figma Plugin
AllCrew Figma Workspace: local-first design tokens, code export, MCP, and agent-driven Figma workflows
Dsbridge
MCP server that reports where a consuming app's values and components came from: the design system, a name the app gave itself, or nothing at all.
Directionmd
Infer creative direction from any live URL. 16 extraction passes, 22 inference modules, decision trees, design tokens, competitive positioning, drift monitoring. One crawl → DIREC…
Morya Ui
Open-source Vue 3 component library with 88 components, design tokens, light/dark themes, TypeScript, and interactive docs. 开源 Vue 3 组件库：88 个组件、设计令牌、亮暗主题、TypeScript、交互式文档。
Design Scope MCP
A free, local, private alternative to Mobbin — a 204-card design reference library with natural-language style search and an MCP server any coding agent can borrow palettes and pa…
Figle
Turns a Figma selection into a structured Spec and hands it to the AI agent already running in your IDE. Tokens resolved to project tokens, component instances resolved to project…
Dsk
dsk — design-system memory toolkit for humans and AI agents
Component Explorer
React+TypeScript 프로젝트를 읽기 전용으로 스캔해 컴포넌트를 분류·렌더·추출하고 디자인 토큰을 재테마하는 도구. MCP 서버 포함
Css Is Awesome
A mixin-first SCSS design system. Write your own selectors and call cia mixins: 24 themes, 32 framework-agnostic recipes, a 33-tool MCP server so AI agents read the real API, WCAG…