Design MCPs

Design MCPs

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

113 entries

SortMost installed A to Z

MCP server · Ui components cssagnt MCP Server: Browser Debugging for AI Coding Agentsstandardbeagle/agntagnt is an MCP server that puts a reverse proxy between your browser and your AI coding agent, giving it screenshots, DOM inspection, captured errors and scored audits.21GitHub stars MCP server · Design toolsAI Canvas MCP: Animated React Components for Your Agentaicanvas-me/aicanvasAI Canvas is an open core registry of animated React components and blocks, and its read only MCP server lets an AI coding agent search and install them.68GitHub stars MCP server · Design toolsAIConnect for Figma: Let an Agent Design Whole Pages Locallyguptaprakhariitr/aiconnect-figma-mcpAIConnect pairs a local MCP server with a Figma plugin so an AI coding agent can build frames, text, tokens and full pages in your real Figma file.16GitHub stars MCP server · Design systemsBasecoat UI MCP: Offline shadcn Look Without React for AI Agentszygiu-zygis/basecoat-ui-mcpBasecoat UI MCP is an offline server that gives an AI coding agent 41 Basecoat templates, layout blocks and a validator for plain HTML, Astro and Next.js pages.46GitHub stars 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 systemsBrandsystem MCP Server: Turn Brand Guidelines into a Portable .brand RuntimeBrandcode-Studio/brandsystem-mcpBrandsystem MCP turns a website, PDF guide or Figma library into a portable .brand folder of tokens, voice rules and compliance checks that AI agents can load.15GitHub 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 systemsCarbon MCP Server: Carbon Design System for AI Agentscarbon-design-system/carbon-mcpCarbon MCP is a hosted server that gives an AI coding agent direct access to Carbon Design System components, icons, charts and documentation through MCP.38GitHub stars MCP server · Design toolsChrome DevTools MCP Server: Browser Automation for AI AgentsChromeDevTools/chrome-devtools-mcpChrome DevTools MCP gives an AI coding agent control of a live Chrome browser, with tools for performance traces, network inspection, screenshots and console debugging.53.8KGitHub stars MCP server · Design systemsclassmcp: Give AI Short Semantic Class Names Instead of Utility StringsTheDecipherist/classmcpclassmcp is an MCP server that serves semantic CSS class names such as btn-primary for Tailwind, Bootstrap 5, UnoCSS and Tachyons, with SSR safety flags on every pattern.6GitHub 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

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.