Design MCPs

Design MCPs

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

30 entries

SortMost installed A to Z

MCP server · Design toolsBaseLayer: React Aria Components for Agents via the shadcn MCP Serverzwgnr/BaseLayerBaseLayer is a shadcn-compatible React Aria component collection that an AI coding agent installs through the shadcn MCP server, with no separate server of its own.205GitHub stars MCP server · Design toolsBetter Design MCP Server: Design Systems and UI Review for Agentsmarvkr/better-designThe Better Design MCP server gives an AI coding agent design tokens, component code, UI principles and accessibility review rules from 31 shadcn-based design systems.251GitHub stars MCP server · Design toolsBridge DS: Compiler-Checked Figma Design Through MCPnoemuch/bridgeBridge DS compiles design-system intent into Figma output with a local compiler, running through a Figma MCP server and agent skills rather than its own server.155GitHub stars MCP server · Design toolsCodeRocket UI MCP Server: Your Design System for Agentselreco/coderocket-uiThe CodeRocket UI MCP server gives an AI coding agent read-only access to a saved component library: design rules, React or Vue components, blocks and source files.248GitHub stars MCP server · Design toolsDembrandt MCP Server: Design Tokens From Any Websitedembrandt/dembrandtThe Dembrandt MCP server gives an AI coding agent tools to extract a website's colors, typography, spacing and components as design tokens, and to check them for drift.3.6KGitHub stars MCP server · Design toolsDesign Systems MCP Server: A Cited Knowledge Base for Agentssouthleft/design-systems-mcpThe Design Systems MCP server gives an AI coding agent a hosted knowledge base of 395 curated entries on design system practice, standards and agent-interface protocols.215GitHub stars MCP server · Design toolsdesignlang MCP Server: Design Tokens From Any Live URLManavarya09/design-extractThe designlang MCP server lets an AI coding agent open any live URL in a headless browser and read back its colors, type, components and W3C design tokens.4.2KGitHub stars MCP server · Design toolsEMCP Proxy: Connect AI Agents to Elementor Sitesmsrbuilds/elementor-mcpThe EMCP proxy is a small local stdio bridge that connects an AI coding agent to a WordPress site running the EMCP Tools plugin, including several sites from one connection.730GitHub stars MCP server · Design toolsExtract Design System MCP Server: Design Tokens From Any Public Sitearvindrk/extract-design-systemThe extract-design-system MCP server lets an AI coding agent pull colors, type, spacing, radius and shadows from a public website and write token files for your project.232GitHub stars MCP server · Design toolsFigma MCP Bridge: Free Figma Access for AI Agentsgethopp/figma-mcp-bridgeFigma MCP Bridge pairs a Figma plugin with a local MCP server so an AI coding agent can read and edit Figma files without hitting Figma REST API rate limits.705GitHub stars MCP server · Design canvas toolsFigma MCP Server: Connect an AI Agent to Figmafigma/mcp-server-guideFigma's official MCP server lets an AI coding agent read design context from your files, generate code, and write native content back to the Figma canvas.2.0KGitHub stars MCP server · Design toolsFigma UI MCP: Draw and Read Figma Designs With AITranHoaiHung/figma-ui-mcpFigma UI MCP is a bidirectional bridge that lets an AI coding agent draw UI on the Figma canvas with JavaScript and read designs back as data, with no API...262GitHub stars

Move the design into WordPress

Bring a design from your design tool or AI client into WordPress you can keep editing in Elementor or Gutenberg.

I have a Figma designTurn it into editable WordPress I built it with an AI toolLovable, v0, Bolt, Claude and more I have HTML, CSS and JSBring a build into WordPress I want to design in WordPressComposer, the AI visual editor

Browse the directory

Skills, MCP servers, comparisons, alternatives and guides for design to WordPress work.

Design Skills

Agent skills that sharpen design, layout and polish.

Explore NowDesign MCPs

MCP servers that connect your AI to design tools.

Explore NowCompare

AI and design tools side by side, with a verdict.

Explore NowAlternatives

Ranked alternatives to the tools you already know.

Explore NowSolutions

Step-by-step routes from a design or AI build to WordPress.