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.
108
MIT
70,736 servers. Updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
Matching MCP Connectors:
io.github.BlueStarSystem
io.github.max124vip-dev
dev.workers.annondeveloper.ui-kit-mcp
uk.co.codecrafted
"Resources and Tools for UI Design" matching MCP servers:
- FlicenseAqualityCmaintenanceBridges Claude Design projects into existing Claude Desktop sessions by fetching code files, chat history, and project bundles.7
- FlicenseBqualityBmaintenanceImports public websites and extracts UI components and design tokens, making them available via MCP for AI coding agents to reuse in implementations.7
- Alicense-qualityAmaintenanceNative 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 accessibility29MIT
- Flicense-qualityBmaintenanceThis MCP server renders UI design artifacts headlessly, runs deterministic linters, and manages stateful design review loops with an independent vision critic.
- Flicense-qualityBmaintenanceExposes the Grocers Design System as queryable tools for coding agents, including design tokens, UI components, brand foundations, and a skill manifest.
- AlicenseAqualityDmaintenanceEnables AI agents to manage routes on the Design Canvas infinite canvas app, including adding, removing, listing routes, and capturing screenshots of the canvas.421MIT
- 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.5MIT
- AlicenseAqualityCmaintenanceProvides read-only access to over 100 UX/UI design checklists from Checklist.design, enabling users to search and retrieve design guidance for specific flows and screens. Runs locally without an API key.5MIT
- 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.5255221MIT
- FlicenseAqualityCmaintenanceEnables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.16
- AlicenseAqualityBmaintenanceEnables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.10255MIT
- 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.61MIT
- AlicenseAqualityBmaintenanceGenerates randomized English Markdown frontend design directions using curated catalogs, with optional soft compatibility scoring. Does not call an LLM.223MIT
- FlicenseAqualityDmaintenanceMCP server with 12 tools for design, UX, conversion, and product knowledge from Frontend Masters courses by Paul Boag and Sarah Drasner, enabling audits, accessibility checks, layout recommendations, and more.12
- AlicenseAqualityDmaintenanceA 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.344MIT
- FlicenseAqualityCmaintenanceExposes iDRAC design-system knowledge via a single get_component tool, currently returning placeholder data for known components.1
- AlicenseAqualityDmaintenanceEnables AI assistants to analyze design images for composition, color harmony, typography, and accessibility compliance with actionable recommendations.66MIT
- AlicenseAqualityCmaintenanceEnables AI models to generate interactive visuals including charts, diagrams, UI mockups, and SVG graphics from plain text prompts. This Windows-based MCP server serves as an intermediary to bridge AI tools with visual output capabilities.122MIT
- AlicenseAqualityCmaintenanceAn MCP server for Arabic UI/UX design, offering tools to generate design tokens, build RTL components, stitch layouts, and audit RTL compliance using Material 3 Expressive and Google Stitch.4MIT