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 toolsDiviOps MCP Server: AI Page Building for Divi 5 on WordPressoaris-dev/diviopsDiviOps pairs an MCP server, a WordPress plugin and authoring skills so an AI client can build, validate and preview native Divi 5 pages on a WordPress site.25GitHub stars MCP server · Design toolsDraw.io Scientific Illustrator MCP: Live Canvas Drawing for an AI Coding Agenticebird1998/drawio-scientific-illustratorDraw.io Scientific Illustrator is a plugin with two MCP servers that let an AI coding agent draw editable scientific figures live on the visible draw.io canvas.1.4KGitHub 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 canvas toolsExcalidraw Icons MCP: Architecture Diagrams With Real Vendor Iconsiagogfe/excalidraw-icons-mcpExcalidraw Icons MCP gives an AI coding agent a live canvas and 31 tools to draw architecture diagrams with real AWS, Azure, GCP, OCI and Kubernetes icons.32GitHub 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 toolsF-MCP Bridge: Local Figma Bridge With 63 Tools for Design Systemsatezer/FMCPF-MCP is a local Figma bridge for AI agents, with 63 tools for reading designs, auditing design systems, managing tokens and building prototype flows on your own machine.10GitHub stars MCP server · Design toolsFigbridge MCP: Figma to Code and Back Through a Local Bridgerudraptpsingh/figbridgeFigbridge is a Figma plugin and local MCP server that lets an AI coding agent read screens and tokens, import live URLs into Figma, and patch source code.13GitHub stars MCP server · Design toolsFigma AI Bridge MCP: Let Copilot Design in Figma in Real Timerenfei-design/Figma-AI-BridgeFigma AI Bridge connects GitHub Copilot in VS Code to Figma through a stdio MCP server, a WebSocket relay and a plugin, so an agent can create and edit design...17GitHub stars MCP server · Design toolsFigma Context MCP Cached: Disk Cache for Figma API LimitsPactortester/figma-mcp-cachedFigma Context MCP Cached adds a persistent disk cache to a Figma Context MCP server, so repeat design reads skip the Figma API and avoid rate limit errors.77GitHub stars MCP server · Design toolsFigma Edit MCP: Safer AI Edits to Live Figma Filesneozhehan/figma-edit-mcpFigma Edit MCP lets an AI coding agent read, create and modify Figma designs through a plugin that validates every edit and refuses unsafe changes before they run.13GitHub 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 toolsFigma MCP Console: Read and Write Figma With No API Tokenhoangann2000/figma-mcp-consoleFigma MCP Console gives an AI coding agent live read and write access to Figma through a development plugin, with no API token and no rate limits to manage.13GitHub 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.