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 systemsShadcn Space MCP: Search and Install UI Blocks from Your Editorshadcnspace/shadcnspace-mcpThe official Shadcn Space MCP server lets an AI coding agent browse 14 block categories, check free or PRO licensing and install landing page sections in your project.3GitHub stars MCP server · Design systemsshadcn-svelte MCP: Live Svelte Docs, Bits UI and IconsMichael-Obele/shadcn-svelte-mcpshadcn-svelte MCP scrapes shadcn-svelte.com and bits-ui.com live, so an AI coding agent gets current component docs, Bits UI APIs and Lucide icons without stale bundles.58GitHub stars MCP server · Design toolsshadcn/ui MCP Server (Community): Components, Blocks, ThemesJpisnice/shadcn-ui-mcp-serverA community MCP server that lets an AI coding agent read shadcn/ui source, demos, blocks and metadata for React, Svelte, Vue and React Native.3.0KGitHub stars MCP server · Design toolsShipSwift MCP Server: SwiftUI Components and Recipessignerlabs/ShipSwiftShipSwift gives an AI coding agent a SwiftUI component library and full-stack recipes through a hosted MCP server, so iOS UI is fetched from real source instead of guessed.3.2KGitHub stars MCP server · Design toolsSquint MCP: Catch Visual Bugs by Checking Pixels Against DOM and CSSsh4wty1/squint-mcpSquint is an MCP server that checks a rendered page's actual pixels against its DOM and CSS, catching clipped text, overlaps and real contrast failures.MCP server · Design toolsStandby Design MCP: Color, Type and Shape Tokens on DemandKarstenKreh/Standby.DesignStandby Design MCP generates OKLCH color palettes, fluid type scales, spacing, shape and icon tokens, then exports them as CSS variables, Tailwind v4 or W3C design tokens.1GitHub stars MCP server · Design toolsStarwind UI MCP Server: Astro and React Componentsstarwind-ui/starwind-ui-mcpThe Starwind UI MCP server gives an AI coding agent current Starwind UI v3 guidance for Astro and React, from project setup and component search to docs and migration.35GitHub stars MCP server · Design toolsStory UI MCP Server: Storybook Screens in Your Design Systemsouthleft/story-uiThe Story UI MCP server lets an AI coding agent generate, update and inspect real Storybook stories built from your own design system components, with props checked.231GitHub stars MCP server · Design toolsStyleKit MCP Server: Design Styles and Lint for AgentsAnxForever/stylekitThe StyleKit MCP server gives an AI coding agent 148 curated visual styles with tokens, component recipes and a lint tool that checks generated UI code against a chosen style.574GitHub stars MCP server · Design toolsSunnyside Figma MCP: Figma Plugin Bridge to React and Tailwindtercumantanumut/sunnysideFigma-Context-MCPSunnyside Figma MCP pairs a companion Figma plugin with 27 tools so an AI coding agent reads your selected layer and returns React, Tailwind or styled-components code.40GitHub stars MCP server · Design toolssvg2vector-mcp: Convert SVG to Android Vector Drawable XMLSuLG-ik/svg2vector-mcpsvg2vector-mcp exposes one tool that turns a local or remote SVG into Android Vector Drawable XML, including icons exported from Figma through Figma MCP.11GitHub stars MCP server · Design systemsTailwind Shades MCP Server for Color Palettesbourhaouta/vscode-tailwindshadesTailwind Shades MCP gives AI coding agents five tools for generating 50 to 950 palettes, finding the closest Tailwind color and converting colors to OKLCH.77GitHub 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.