bach-magic
817MCP server Claude CodeCodexCursor +2
Magic MCP UI builder by 21st.dev. Runs locally from the bach-magic npm package.
925 tagged Design and UX, measured the same way as everything else here.
Browse within: mcp-server 76model-context-protocol 56design-system 37figma 28accessibility 27ai-tools 25LLM 19cli 19claude-code-plugin 18design-tokens 18diagrams 17cad 15agent 14design-tools 12
MCP server Claude CodeCodexCursor +2
Magic MCP UI builder by 21st.dev. Runs locally from the bach-magic npm package.
jagadeesh52423/mermaid-svg-mcp
MCP server Claude CodeCodexCursor +2
MCP server "mermaid-svg" as configured in jagadeesh52423/mermaid-svg-mcp. Runs /Users/jagadeeshpulamarasetti/OwnCode/mermaid-svg-mcp/dist/index.js with node.
MCP server Claude CodeCodexCursor +2
MCP server for Ant Design component library documentation and code generation. Runs locally from the ant-design-mcp npm package.
Traia-IO/icon-mcp-v108-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server "icon-mcp-v108-mcp-server" as configured in Traia-IO/icon-mcp-v108-mcp-server. Runs locally from the icon-mcp-v108-mcp-server Python package.
MCP server Claude CodeCodexCursor +2
A server for processing Sketch files and generating code using MCP tools. Runs locally from the sketch-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
A Model Context Protocol server to connect to the MIRO Whiteboard Application. Runs locally from the @llmindset/mcp-miro npm package.
MCP server Claude CodeCodexCursor +2
MCP server "mcp-icon-generator" as configured in chacebot/mcp-icon-generator. Runs locally from the mcp-icon-generator npm package.
MCP server Claude CodeCodexCursor +2
MCP server "tldraw-mcp" as configured in jinsoo/tldraw-mcp. Runs locally from the tldraw-mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP Server for the BrixUI Design System — connects AI clients (Claude, Cursor, Windsurf, Cline) to Figma components, design tokens, and variables. Runs locally from the brixui-mcp-server npm package.
shadcnspace/shadcndashboard-mcp
MCP server Claude CodeCodexCursor +2
MCP server for installing and composing Shadcn Dashboard UI components. Runs locally from the shadcndashboard-mcp npm package.
MCP server Claude CodeCodexCursor +2
Beta MCP server for FreeVectorIcons design collections. Runs locally from the @freevectoricons/mcp npm package.
MCP server Claude CodeCodexCursor +2
MCP server "lanhu-readonly-mcp" as configured in Kforward/lanhu-mcp-codex. Runs locally from the lanhu-readonly-mcp npm package.
DexMachina-Design/Figma-Console-MCP
MCP server Claude CodeCodexCursor +2
The most comprehensive MCP server for Figma — design tokens, variables, components, write tools, version history diff, accessibility audits, FigJam, Slides, and more. Local (WebSocket Desktop Bridge plugin) and Cloudflare Workers (paired + remote) modes. Runs locally from the figma-console-mcp npm package.
abhishek-genailytics/flowgraf-mcp
MCP server Claude CodeCodexCursor +2
Flowgraf MCP server — create and edit clean, editable architecture diagrams from your AI agent (Claude Code, Cursor, Windsurf). Returns an SVG plus a link to a live, editable canvas. Runs locally from the flowgraf-mcp npm package.
MCP server Claude CodeCodexCursor +2
Allow your AI coding agents to access figma files & prototypes directly. Runs locally from the figma-mcp Python package.
RithenReddy/excalidraw-mcp-app
MCP server Claude CodeCodexCursor +2
MCP server "excalidraw-server" as configured in RithenReddy/excalidraw-mcp-app. Runs locally from the @mcp-demos/excalidraw-server npm package.
MCP server Claude CodeCodexCursor +2
MCP server "mindrawmcp" as configured in 17lang/mindraw4agent. Launched with bash ./scripts/start-mcp.sh.
MCP server Claude CodeCodexCursor +2
MCP server "figma-sites-harvester" as configured in ChenYCL/web-design-harvester. Runs locally from the figma-sites-harvester npm package.