A
license-
qualityB
maintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.
Last updated
227
MIT
61,049 servers. Last updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
Matching MCP Connectors:
io.github.pipeworx-io
uk.co.codecrafted
dev.workers.annondeveloper.ui-kit-mcp
ai.zairalabs
"A guide to interface components in UI design" matching MCP servers:
- Alicense-qualityCmaintenanceNative Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibilityLast updated55MIT
- Flicense-qualityDmaintenanceEnables AI assistants to search, understand, and generate code for design system components by syncing and indexing a component library.Last updated
- AlicenseAqualityCmaintenanceManages design tokens (colors, spacing, fonts) in a JSON file and enables agents to read, write, export, and detect drift between tokens and CSS via MCP.Last updated5MIT
- AlicenseAqualityCmaintenanceMCP server for the coss ui design system, enabling AI agents to fetch components, props, and design tokens on demand for accurate, low-cost code generation.Last updated61MIT
- FlicenseAqualityCmaintenanceExposes iDRAC design-system knowledge via a single get_component tool, currently returning placeholder data for known components.Last updated1
- FlicenseAqualityCmaintenanceBridges Claude Design projects into existing Claude Desktop sessions by fetching code files, chat history, and project bundles.Last updated7
- AlicenseBqualityBmaintenanceAn MCP server that drives Anthropic's Claude Design from agentic coding CLIs, providing tools to create, generate, iterate, and export design systems without a browser.Last updated32MIT
@forgespace/ui-mcpofficial
AlicenseBqualityFmaintenanceEnables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.Last updated381391MIT- Alicense-qualityBmaintenanceCreates a local MCP runtime for design-system repositories, enabling AI coding agents to look up and use real components, icons, and tokens instead of guessing.Last updated45MIT
- Alicense-qualityDmaintenanceA Model Context Protocol server that exposes an airline design system as a queryable knowledge base, enabling AI to discover components, find components for use cases, and scaffold prototypes.Last updated45MIT
- Alicense-qualityBmaintenanceProvides source-backed design context, route card validation, contract generation, critique and verification reports, evidence packages, Penpot change plans, and anti-repeat checks for design workflows. Does not directly mutate Penpot, but consumes read-only Penpot snapshots.Last updated1MIT
- Alicense-qualityCmaintenanceComprehensive MCP server for end-to-end UI development, offering tools to generate components, manage design tokens, audit accessibility, autofix issues, inspect live pages, compare screenshots, and more across multiple frameworks.Last updated8MIT
- Alicense-qualityCmaintenanceGives MCP clients access to a registry of elite UI patterns, components, and motion configs with real, copy-pasteable React/TSX implementations.Last updated11MIT
- Flicense-qualityBmaintenanceThis MCP server renders UI design artifacts headlessly, runs deterministic linters, and manages stateful design review loops with an independent vision critic.Last updated
- Flicense-qualityBmaintenanceAn MCP server that enables AI agents to semantically retrieve premium UI components from Awwwards and adapt them into clean React + Tailwind code.Last updated1
- Flicense-qualityBmaintenanceExposes the Grocers Design System as queryable tools for coding agents, including design tokens, UI components, brand foundations, and a skill manifest.Last updated
- Flicense-qualityBmaintenanceEnables MCP clients to control Cocos Creator 2.x for UI design, such as translating Figma designs into Cocos scenes by creating nodes, components, and prefabs.Last updated
- -license-qualityCmaintenanceEnables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.Last updated
- AlicenseAqualityAmaintenanceBidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.Last updated5303218MIT