Design MCPs

Design MCPs

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

30 entries

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 starsMCP 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 starsMCP 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 starsMCP 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 starsMCP server · Design toolsuSpec: Design System Specs From Your AI Agent via Figma MCPredongreen/uSpecuSpec is a set of agent skills that turn a Figma component into a component contract and annotation frames, working through a Figma MCP server rather than its own.244GitHub starsMCP server · Design toolsVibe MCP Server: monday.com Design System for Agentsmondaycom/vibeThe Vibe MCP server gives an AI coding agent component metadata, usage examples, accessibility notes, icons and design tokens from monday.com's React design system.679GitHub stars