UI design MCP servers

A server here designs user interfaces: mockups, design systems, components or design review.

Not here: graphic design for marketing.

365servers
168 remote197 localTagged by Odel's AI, which can make mistakes
By GitHub stars, at most two per publisher
  1. Number 1: Figma Context@glips/figma-context-mcpGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.6% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.15,970 GitHub stars.
  2. Number 2: Dembrandt@dembrandt/dembrandtDesign tokens from any live site: colours, type, spacing, components, drift against a baseline.8% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.3,624 GitHub stars.
  3. Number 3: StyleKit@anxforever/stylekit-mcpstdio MCP server for StyleKit styles, templates, assets, tokens, recipes, and lint checks.4% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.587 GitHub stars.

Best fit

269 made for this, ranked by starsRemoteLocal
  1. Storybook MCP Addon @storybookjs/addon-mcpHelp agents automatically write and test stories for your UI components.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.270 GitHub stars.
  2. Figma UI @tranhoaihung/figma-ui-mcpBidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back6% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.263 GitHub stars.
  3. UI Beats @uibeats/mcpMCP server for UI Beats. Let your coding agent search, read and install animated React components.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.233 GitHub stars.
  4. melta UI @tsubotax/melta-uiAI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify4% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.201 GitHub stars.
  5. Keyline Icons @keylineicons/mcpSearch Keyline Icons by name and get any icon's SVG source or React import. No key, no network.2% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.159 GitHub stars.
  6. HIG Doctor @raintree-technology/hig-doctorApple Human Interface Guidelines search, lookup, and project audits for AI coding agents.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.144 GitHub stars.
  7. NVIDIA Elements @nvidia/elementsNVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.95 GitHub stars.
  8. Plumb @tathagat22/plumb-mcpTwo-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.4% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.79 GitHub stars.
  9. Design System Extractor @freema/mcp-design-system-extractorMCP server for Storybook design systems — extract component HTML, styles and metadata.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.70 GitHub stars.
  10. Aicanvas @aicanvas-me/aicanvasBrowse and install 75+ free animated, shadcn-compatible React components from AI Canvas.5% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.68 GitHub stars.
  11. Figma Rust @alvinindra/figma-mcp-rustFigma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.7% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.59 GitHub stars.
  12. Memoire @sarveshsea/memoireShadcn-native Design CI for Tailwind apps with registry export and MCP UI tools.5% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.47 GitHub stars.
  13. memi @memi-design/memiMemi is the design layer for agentic AI.4% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.47 GitHub stars.
  14. Basecoat UI MCP @zygiu-zygis/basecoat-ui-mcpOffline Basecoat UI MCP: templates, macro layouts, theming contract, and static validation.4% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.46 GitHub stars.
  15. Designer Skill @pymodel/designer-skill-mcpUI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.5% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.45 GitHub stars.
  16. Hyperiux Vault @hyperiux-immersion-labs/hyperiux-mcp-serverBrowse, inspect, and retrieve installable React and Next.js interaction effects from Hyperiux Vault.5% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.44 GitHub stars.
  17. Ignite UI Theming MCP Server @igniteui/igniteui-themingGenerate Sass palettes, typography, elevations, and themes for Ignite UI components.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.44 GitHub stars.
  18. Flowbite @themesberg/flowbite-mcpMCP server to convert Figma designs to Flowbite UI components in Tailwind CSS3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.42 GitHub stars.
  19. Starwind UI MCP Server @starwind-ui/mcpFramework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.35 GitHub stars.
  20. Figma @mcparmory/figmaExport files, access design data, manage projects, comments, and team assets6% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from PyPI.32 GitHub stars.
  21. Adaptive Cards @vikrantsingh01/adaptive-cards-mcpGenerate, validate, and optimize Adaptive Cards for Teams, Outlook, and Copilot.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.32 GitHub stars.

Also touches on UI design

46 where it is one part of a bigger job