Design MCP server
Design MCP servers for Figma and other tools: let AI assistants read designs, extract tokens and components, and turn layouts into code. 이 카테고리에 966 servers가 있습니다.
Design MCP servers for Figma and other tools: let AI assistants read designs, extract tokens and components, and turn layouts into code. 이 카테고리에 966 servers가 있습니다.
Enables 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