Design MCPs

Design MCPs

MCP servers for design tools, with the install steps, the tools they expose and the official repository.

113 entries

MCP server · Design toolsTalk to Figma MCP: Read and Edit Figma With an Agentarinspunk/claude-talk-to-figma-mcpTalk to Figma MCP connects an AI coding agent to Figma through a local WebSocket server and a Figma plugin, with tools to read, create and modify designs.666GitHub starsMCP server · Design toolsTenet MCP: Deliver Your Design System Rules to AI Agentstenet-ui/tenetTenet is an MCP server that delivers your design system's tokens, components, templates, flows and rules to an AI agent, then critiques its output against those rules.1GitHub starsMCP server · Design toolsTerraVision MCP: Terraform Code to Architecture Diagramspatrickchugh/terravisionTerraVision MCP lets an AI agent generate cloud architecture diagrams from real Terraform code or a JSON graph, using the same renderer as the CLI.1.7KGitHub starsMCP server · Design toolsUI Beats MCP Server: Animated React Components for Agentsnikhils4/ui-beatsThe UI Beats MCP server lets an AI coding agent search 52 animated React components, read their real props and get the exact install command for each.233GitHub starsMCP server · Design systemsUI UX Suite MCP: A Design Linter That Cites the Exact Line to FixAboudjem/ui-ux-suiteUI UX Suite works like ESLint for design: it scores a project across 12 weighted dimensions and reports the file, line, measured value and fix for each finding.7GitHub starsMCP server · Design toolsui-fx-kit MCP: 64 Web Effects Your Agent Can Search and Installpptt3300/ui-fx-kitui-fx-kit is a library of 64 UI effects, 19 hooks, 13 CSS snippets and 13 palettes, and its MCP server gives an agent 16 tools to find and install them.48GitHub starsMCP server · Design toolsUI/UX Pro MCP: Searchable Design Knowledge for AI Agentsredf0x1/ui-ux-pro-mcpUI/UX Pro MCP lets an AI coding agent search curated styles, color palettes, font pairings, UX rules and framework guidelines with BM25 ranking, then generate a design system.36GitHub starsMCP server · Design toolsuisight MCP Server: Measured UI Findings for AI Coding Agentssololabstr/uisightThe uisight MCP server gives an AI coding agent live mobile and desktop sessions and measured contrast, touch target and overflow findings as text, so it fixes the exact selector.129GitHub starsMCP server · Ui components cssUnicon MCP Server: Search and Copy Icons From 9 Libraries With an AI Coding Agentwebrenew/uniconThe Unicon MCP server gives an AI coding agent four tools to search Unicon's 20,000+ icons across nine libraries and fetch one icon or several at once.16GitHub starsMCP server · Design toolsuSpec: Design System Specs From Your AI Agent via Figma MCPredongreen/uSpecuSpec is a set of agent skills that turn a Figma component into a component contract and annotation frames, working through a Figma MCP server rather than its own.244GitHub starsMCP server · Design toolsUX MCP Server: 23 UX Analysis Tools and 28 Knowledge Resourceselsahafy/ux-mcp-serverUX MCP Server gives an AI coding agent 28 UX knowledge resources, 23 analysis tools and 4 review prompts covering WCAG, Nielsen heuristics, design systems, forms and more.30GitHub starsMCP server · Design toolsUXLoom: Check Journeys and States Before Code Existsuxloom-dev/uxloomUXLoom is an MCP server that models user journeys as state machines and flags unreachable screens, missing states and accessibility failures in generated designs.2GitHub stars