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 cssFrontend Inspo MCP: Real UI Code for AI Coding Agentsnotsointresting/frontend-inspo-mcpFrontend Inspo is an MCP server that lets an AI coding agent search 65 sources and pull real source code for UI components, design tokens, 3D examples and mockups.4GitHub stars MCP server · Design toolsGenerative UI MCP: Load Visualization Design Rules on Demandop7418/Generative-UI-MCPGenerative UI MCP gives an AI model one tool that loads design guidelines for charts, diagrams, mockups and SVG art only when a visualization is requested.59GitHub stars MCP server · Ui components cssHELiXiR MCP: Web Component Knowledge for AI Coding Agentsbookedsolidtech/helixirHELiXiR is an MCP server that lets an AI coding agent read real web component APIs, design tokens, accessibility and health scores from a Custom Elements Manifest.5GitHub stars MCP server · Design systemshig-mcp: Apple HIG Design Tokens for AI Coding Agentsaka-kika/hig-mcphig-mcp serves Apple Human Interface Guidelines as structured data, with post WWDC25 system colors, Liquid Glass guardrails and SwiftUI mappings, so an AI coding agent stops guessing values.36GitHub stars MCP server · Design toolsKeyline Icons MCP Server for AI Coding Agentskeyline-icons/keyline-iconsThe Keyline Icons MCP server lets an AI coding agent search a 1,507-icon set, read SVG source and get the matching React import without guessing names.171GitHub stars MCP server · Design toolsKeyline MCP Server for AI Design Generationkeyline-dev/keylineThe keyline MCP server renders scenes as images and video through typed tools, letting an AI coding agent build social posts and banners without a browser or design app open.4GitHub stars MCP server · Design toolsLara Dashboard MCP Server: Manage Your Laravel CMSlaradashboard/laradashboardThe Lara Dashboard MCP server lets an AI coding agent manage a self-hosted Laravel CMS, handling posts, CRM records, forms, email and cache through natural-language prompts.419GitHub stars MCP server · Design toolsLightswind UI MCP Server: React Component LibrarycodewithMUHILAN/Lightswind-UI-LibraryThe Lightswind UI MCP server lets an AI coding agent search, read and install components from a source-code React library with 160+ animated, accessible components.1.1KGitHub stars MCP server · Design systemsLivewire Flux MCP: Live Flux UI Docs With Pro Tier FlagsleMaur/livewire-flux-mcpLivewire Flux MCP gives an AI coding agent four tools that fetch live Flux UI component and layout docs, flag Pro components, and list Heroicons for flux:icon.9GitHub stars MCP server · Design toolsMagic MCP (21st MCP): UI Components for AI Agents21st-dev/magic-mcpMagic MCP from 21st.dev is now the 21st MCP. It lets an AI coding agent search React and Tailwind components, fetch code and generate new UI from the editor.6.0KGitHub stars MCP server · Design toolsMagic UI MCP Server: Registry Search for Agentsmagicuidesign/mcpThe Magic UI MCP server lets an AI coding agent list, search and read Magic UI registry items, including install instructions, instead of guessing at component code.205GitHub stars MCP server · Design toolsMarkmap MCP Server: Markdown to Interactive Mind Mapsjinzcdev/markmap-mcp-serverThe Markmap MCP server turns Markdown outlines into interactive mind maps, with optional PNG, JPG and SVG export for an AI coding agent to use directly.289GitHub 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.