Design MCPs

Design MCPs

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

26 entries

SortMost installed A to Z

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 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 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 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 toolsTalk to Figma MCP: Read and Edit Figma With an Agentarinspunk/claude-talk-to-figma-mcpTalk to Figma MCP connects an AI coding agent to Figma through a local WebSocket server and a Figma plugin, with tools to read, create and modify designs.666GitHub stars MCP server · Design toolsUI Beats MCP Server: Animated React Components for Agentsnikhils4/ui-beatsThe UI Beats MCP server lets an AI coding agent search 52 animated React components, read their real props and get the exact install command for each.233GitHub 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.