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 toolspixelpact MCP Server: Measure a Built UI Against Its Referencejamalkamaladdin/pixelpactpixelpact extracts a contract from a reference page and checks your implementation against it, returning one line per drifted property so a coding agent can fix its own UI.17GitHub stars MCP server · Design toolsPlate MCP Server: Rich-Text Editor Components for Agentsudecode/plateThe Plate MCP setup lets an AI coding agent browse and install Plate editor templates, plugins and UI components from the Plate registry through the shadcn CLI's MCP server.16.6KGitHub stars MCP server · Design toolsPlate Playground Template: Next.js Editor Starter With MCP Configudecode/plate-playground-templateThe Plate Playground Template is a Next.js starter with the Plate editor, AI plugins and shadcn/ui, and it ships a project MCP file wired to the shadcn CLI server.240GitHub stars MCP server · Design toolsPlumb MCP: Figma and Live Websites as One Design Graphtathagat22/plumb-mcpPlumb is a local MCP server that reads a Figma file or a live website into a compact design graph, then helps an AI coding agent check what it built.86GitHub stars MCP server · Ui components cssPly UI MCP Server: Angular Components for AI Agentsply-ui-ng/plyPly UI MCP is a local server that lets an AI coding agent search, read and install Ply's copy-in Angular and Tailwind components into your project.10GitHub stars MCP server · Design toolsprompt-to-asset MCP: Routed Image Generation for DevelopersMohamedAbdallah-14/prompt-to-assetprompt-to-asset MCP turns one brief into logos, app icons, favicons and OG images, routing across 30 plus image models and validating every output before it ships.23GitHub stars MCP server · Figma design toolRelai MCP Server: Edit and Audit Figma with an AI Coding Agentsyoooo/figma-relaiThe Relai MCP server connects an AI coding agent to Figma through a desktop plugin, with 33 tools to read, edit, audit and build design systems on any Figma plan.4GitHub stars MCP server · Design toolsRelay MCP: A Localhost Bridge From Your Terminal to an Open Figma Filechuckjob/figma-relayRelay connects an AI coding agent to the Figma file you have open through a local queue and plugin, so it can search, audit, restyle and rename components.7GitHub stars MCP server · Design toolsRespira WordPress MCP Server: Page Builder Editing Across 17 Buildersrespira-press/respira-wordpress-mcpRespira WordPress MCP Server connects an AI client to 17 page builders through a commercial Respira plugin, with a snapshot taken before every write.9GitHub stars MCP server · Design toolsScientific Illustrator MCP Server for Editable Figuresicebird1998/scientific-illustratorThe scientific illustrator MCP server redraws a reference image into editable objects inside PowerPoint, WPS Presentation, or draw.io, then runs a design, draw, review, and correction loop automatically.0.9KGitHub stars MCP server · Design systemsshadcn MCP Server: Browse and Install Componentsshadcn-ui/uiThe shadcn MCP server lets an AI coding agent search, view and install components from shadcn/ui and other registries, including private ones, using plain-language prompts.125.1KGitHub stars MCP server · Design systemsshadcn MCP Server: shadcn/ui Components and Blocks for AI Agentsmagnusrodseth/shadcn-mcp-serverA third party MCP server that lets an AI coding agent fetch shadcn/ui component source and blocks such as dashboard-01 straight from the official repository.4GitHub 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.