Design MCP servers
Design MCP servers for Figma and other tools: let AI assistants read designs, extract tokens and components, and turn layouts into code. 967 servers in dieser Kategorie.
Design MCP servers for Figma and other tools: let AI assistants read designs, extract tokens and components, and turn layouts into code. 967 servers in dieser Kategorie.
Füge das GitHub Repo ein und wir listen ihn nach einem kurzen Review auf.
Server einreichenEnables AI clients to create, search, and render interactive diagrams using Mermaid or XML directly in chat or the draw.io editor.
$claude mcp add --transport http drawio-mcp https://mcp.draw.io/mcpGenerate, validate, repair, and style editable draw.io XML diagrams using AI.
$claude mcp add smart-drawio -- npx -y @yunshenwuchuxun/smart-drawio-mcpAllows AI assistants to create and publish JavaScript pieces, KidLisp art, and clock melodies to the aesthetic.computer platform.
$claude mcp add aesthetic-computer -- npx -y @aesthetic.computer/mcpGives coding agents design knowledge, audits, and a taste profile to evaluate and improve a UI.
$claude mcp add raven-mcp -- npx -y raven-mcpLets AI clients find design inspiration and generate images and videos with AI models, including references, characters, and editing.
$claude mcp add meigen-ai-design-mcp -- npx -y meigenProvides UI design intelligence, intent routing, and static design rule verification for AI agents.
$claude mcp add designer-skill -- npx -y @pymodel/designer-skill-mcpExtract brand colors, fonts, design tokens, SVGs, and paste-ready component code from any live website.
$claude mcp add miromiro-mcp -- npx -y miromiro-mcpCoordinates cross-app workflows for Adobe InDesign, Illustrator, Photoshop, After Effects, and Premiere Pro through a single MCP server.
$claude mcp add adobe-mcp-suite -- npx -y adobe-mcp-suiteFetches Livewire Flux component, layout, and Heroicon documentation so AI coding assistants can look up props, usage, and Pro-tier status.
$claude mcp add livewire-flux-mcp -- npx -y livewire-flux-mcpMaps a natural-language sentence to matching visual art styles and the feeling words behind them, with definitions and prompts.
$claude mcp add feeling-search-mcp -- npx -y feeling-search-mcpSearch a library of 1,550 icons and retrieve SVG source code or framework-specific import commands.
$claude mcp add coolicons -- npx -y @coolicons/mcpEnables AI assistants to draw UI components directly on the Figma canvas and read design data back as structured tokens or screenshots.
$claude mcp add figma-ui-mcp -- npx -y figma-ui-mcpConnects After Effects to an AI client to read project states, build animations, and save successful scripts as reusable tools.
$claude mcp add after-effects-mcp -- npx -y ae-mcp-jkdgAudits design systems to identify gaps and provides rules that ensure AI agents write UI consistent with your existing design tokens and components.
$claude mcp add roast-my-design-system -- npx -y roast-my-design-systemEnables AI clients to control a layered image editor for inpainting, masking, and generating images using ComfyUI or various API providers.
$https://github.com/DenRakEiw/scumble/releases/download/v0.1.55/scumble-0.1.55.mcpbScores websites and projects for AI slop and gives an AI client step-by-step fixes down to the file and line.
$claude mcp add aislopmeter -- npx -y aislopmeterSearch and download free CC0 GLB models and game asset packs or submit new assets on behalf of a user.
$claude mcp add 3dassets -- npx -y 3dassets-mcpMeasures live web and responsive UIs for contrast, touch targets, and theme drift, returning precise findings as text for AI clients to fix.
$claude mcp add uisight -- npx -y uisightLook up craft and bead color palettes and find approximate screen-color matches across palettes.
$claude mcp add bead-colors-mcp -- npx -y @meltbead/bead-colors-mcpEnables an AI client to control Adobe InDesign for document layout, text styling, table management, and PDF or EPUB export.
$claude mcp add indesign-mcp-server -- npx -y indesign-mcp-server