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 toolsMCP Abilities Elementor: Inspect and Edit Elementor Pages with an AI Agentbjornfix/mcp-abilities-elementorMCP Abilities Elementor is a WordPress add-on that registers 89 Elementor abilities, so an authenticated MCP client can inspect a page, find a widget and change it.24GitHub stars MCP server · Design toolsMCP SVG to Fonts: Generate Icon Fonts from a Folder of SVGsomy13/mcp-svg-to-fontsPoint an AI coding agent at a directory of SVG icons and this MCP server returns TTF, WOFF and WOFF2 fonts with matching CSS and TypeScript types.5GitHub stars MCP server · Ui components cssmcp-web-validator: W3C HTML and CSS Validation MCP ServerAKzar1el/mcp-web-validatorWeb Validator by DigestSEO is an MCP server that checks HTML and CSS against W3C validators, audits on-page SEO, and captures responsive screenshots for an AI coding agent.8GitHub stars MCP server · Design systemsMemoire MCP: Design System Diagnostics Through the memi CLImemi-design/memiMemoire is a design layer for coding agents from memi-design. Its CLI starts a local MCP server and runs deterministic audits that report findings with file and line evidence.47GitHub stars MCP server · Design toolsnakkas MCP Server: Animated SVG Generation for AI Coding Agentsarikusi/nakkasNakkas is an MCP server that renders animated SVG from one JSON config, returns a PNG preview for each render, and runs locally with no API keys.25GitHub stars MCP server · Design toolsNetwork Sketcher Local MCP: AI-Native Network Diagramscisco-open/network-sketcherNetwork Sketcher Local MCP lets an AI coding agent build Cisco-style network designs through tool calls, then export L1, L2 and L3 topology diagrams.409GitHub stars MCP server · Design systemsns-ui MCP Server for shadcn Compatible Componentsnikolas-sapa/ns-uiThe ns-ui MCP server lets an AI agent search 542 React components, read real source and prop signatures, and get the exact shadcn install command for each one.18GitHub stars MCP server · Design toolsNVIDIA Elements MCP: Component APIs for Any FrameworkNVIDIA/elementsThe NVIDIA Elements MCP server lets an AI coding agent look up nve Web Component APIs, design tokens, imports and examples instead of guessing framework-specific syntax.93GitHub stars MCP server · Design systemsPattern MCP: Make AI Agents Reuse Your Design System Componentsdonaldrichard19-LVD/pattern-mcpPattern MCP checks what an AI coding agent is about to build against your registered design system, then says whether to reuse a component or build only the gap.9GitHub stars MCP server · Design canvas toolsPenpot MCPpenpot/penpot-mcpPenpot MCP is the official server that lets an AI client read and edit your Penpot designs, from renaming layers to drafting HTML and CSS.524GitHub stars MCP server · Design toolsPenpot MCP Server: 68 Tools for Self-Hosted Penpotancrz/penpot-mcp-serverThe penpot-mcp-server MCP server gives an AI coding agent programmatic access to a self-hosted Penpot instance, from reading shapes and tokens to creating frames and exporting SVG.12GitHub stars MCP server · Design toolsPhotoshop MCP Server: Control Photoshop From an Agentalisaitteke/photoshop-mcpPhotoshop MCP is a community server that lets an AI coding agent drive Adobe Photoshop through 127 tools, including recipes for background removal, web export and carousels.568GitHub 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.