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 · Design toolscodex-tldraw MCP: Repo-Scanned Workflow Diagramsjananadiw/codex-tldraw-mcpThe codex-tldraw MCP server scans a repository and writes an editable tldraw workflow diagram, plus a portable SVG preview, directly into the project boards.25GitHub stars MCP server · Design toolsColor Palette Extractor MCP: Palettes, Themes and Tokens From an Imageaka-kika/color-palette-extractor-mcpColor Palette Extractor MCP pulls a color palette from an image, scores WCAG contrast, and exports CSS, SCSS, Tailwind or Figma tokens in one call.1GitHub stars MCP server · Design toolsConduit Design MCP: Let an AI Agent Operate Figma Desktopconduit-design/conduit_designConduit is an MCP server paired with a Figma Desktop plugin, giving an AI agent tools to create, edit and export Figma designs from plain prompts.8GitHub stars MCP server · Ui components cssCSS Noop Checker: Find CSS Declarations That Do Nothingpurupurupu/css-noop-checkerCSS Noop Checker is a Chrome DevTools extension that flags valid CSS properties with no effect on an element, and its MCP server exposes the same rules to AI agents.25GitHub 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 Critique MCP: Score a Screenshot for Color, Layout and Typehaasonsaas/design-critique-mcpDesign Critique MCP takes a base64 image of a design and returns 0 to 100 scores for layout, hierarchy, readability and accessibility, plus color analysis.6GitHub stars MCP server · Design systemsDesign System MCP: Serve Your Tokens, Patterns and Rules to Coding Agentspghoshal/design-system-mcpDesign System MCP indexes a design-system Git repo and lets coding agents ask for tokens, patterns, component source and rule checks before they generate any UI.6GitHub 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 toolsDesigner MCP: Anti-Slop UI and Brand Design Tools for AI Agents1999AZZAR/designer-mcpDesigner MCP is a 37-tool server for UI and brand design, with anti-slop quality gates, OKLCH tokens with auto dark mode, WCAG audits and React, Vue or HTML output.14GitHub stars MCP server · Design systemsDesigner Skill MCP: UI Guidance and a Static GatePyModel/designer-skillThe designer-skill MCP from PyModel routes UI requests to design references, then checks code against 44 static rules. It needs no API key and runs over stdio.45GitHub stars MCP server · Design toolsDesignfit MCP: Check an AI-Built Page Against Its Figma Frameas9978/designfitDesignfit compares a rendered front end with its Figma frame using tokens and geometry instead of pixels, then returns a fix list the coding agent can act on.6GitHub 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

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.