Design MCPs

Design MCPs

MCP servers for design tools, with the install steps, the tools they expose and the official repository.

30 entries

SortMost installed A to Z

MCP server · Design canvas toolsFramelink MCP for Figma: Setup, Tools and LimitsGLips/Figma-Context-MCPFramelink MCP for Figma is an open-source server that gives an AI coding agent simplified layout and styling data from your Figma files, using a personal access token.16.0KGitHub 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 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 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 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 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 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 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 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

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.