Design MCP servers

Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.

Read-only MCP server exposing the Matos UI registry and design-system knowledge (Surface Philosophy, Motion Tokens) to AI coding agents.

A stdio MCP server for repo-local tldraw diagrams, portable SVG previews, and code graph drift detection.

Design-time KNX/ETS6 assistant: read-only .knxproj parsing, DPT, naming and command/status validation, and Home Assistant YAML and ETS exports.

Self-hosted server that captures design patterns, conventions and decisions from git history and developer feedback and serves them to coding agents.

Author, validate, edit, and render deterministic .zen design docs to PNG/PDF.

Generate app icons, favicons, OG images, logos and wordmarks across many image models, validating contrast, text accuracy and palette before returning.

Read-only MCP server for one AINDF design-system bundle: look up what it offers, validate screens.

Local-first design contract layer: scans Figma, code, Storybook and token files, reconciles conflicts and serves a single source of truth for design rules.

Local-first design workspace: compose wireframes and branded multi-page HTML/CSS docs with live preview, brand and asset libraries, validation and PDF export.

Design tokens and drift checks for coding agents: use the token, not the hardcoded value.

QCAD MCP server - DXF/DWG floor plans to SVG preview + STL extrusion via MCP tools and REST API

Renders MatPlotLibNet charts to PNG, SVG or PDF from a JSON spec an AI agent writes.

Use existing brand guidelines with AI. This MCP server turns websites, PDFs, and Figma libraries into a portable .brand runtime with design tokens, voice rules, provenance, and compliance checks.

Turn local projects or GitHub repositories into Mermaid diagrams rendered via Kroki.

Read, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.

Builds Figma from your design system: real components and tokens, enforced, learning every build.

Render bar, line, pie, scatter and other charts from JSON or CSV to SVG, HTML, PNG or data URL, with built-in themes.

Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.

Translate HTML prototypes into Figma using your design system's real components and tokens.

Design homes with your AI: floor plans, furniture, joinery, lighting and photos, live.

Software design skills for AI coding agents, inspired by A Philosophy of Software Design.

MCP server for LLM-driven SUMO traffic simulation, scenario design, and result analysis.

dwic — a product designer inside your terminal. MCP server + CLI that audits your design tokens + markup for WCAG contrast failures, mandated-accent drift, and structural gaps, then remembers findings across sessions.

Angular UI expert for NeuralNg discovery, composition, validation, icons and project-aware themes.

MCP server for Glyphic — the model emits typed JSON, Glyphic renders it deterministically as SVG/PNG. No DSL, no headless browser, 18 diagram types for LLMs and agents.

A local MCP server with full Figma REST API coverage.

Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.

Katalon True Platform MCP: design tests, run with AI, upload reports, assess release readiness.

MCP server for AI-assisted PCB design with KiCad 9.x

AI Diagram Maker: generate flowcharts, sequence diagrams, ERDs, architecture, UML and mind maps from text, code, ASCII, images or Mermaid, rendered inline.

Search brands and retrieve design assets, company data, other brand context from Brandfetch's API

Search 1300 open-source icons in 7 weights and 2 styles, and get paste-ready SVG.

Expose a company's design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools, parsed from CSS, Markdown, PDF, SVG and fonts.

AI-powered SVG animation generator that transforms static files into animated SVG components using the Allyson platform

Compact Figma MCP with validated batch ops through a local plugin bridge.

Reusable visual design systems for AI coding agents — browse, fetch, and submit styles via MCP.

Let agents manage your Figma workspace. 102 tools for seats, teams, offboarding, and cleanup.

Report the architecture rules a TypeScript repo already follows, inferred from its import graph, with the evidence for each, and check whether a change breaks them.

MCP server for IcoGenie - Enable AI agents to generate icons programmatically

Convert raster images (PNG, JPG, WebP, TIFF) to SVG from base64 or URL input, locally or via Docker.

Production MCP server for The Noun Project — search & download icons in Cursor/Claude with OAuth 1.0a, rate limiting, and FREE-tier cost optimization

Creative AI tools: image generation, upscaling, background removal, product mockups, CMYK conversion, print-ready PDFs, SVG vectorization and watermarking.

Routes design tasks to designarena.ai's top-ranked model via OpenRouter across 14 categories.

Turn Claude Design and Claude Code designs into native, editable Figma files (HTML to Figma with Auto Layout and your Design System components), and Figma frames into code that uses your own React components. An MCP server and Figma plugin for Claude Code

UI/UX design-audit MCP server: scores a project on 12 dimensions vs WCAG 2.2 + APCA.

useVyre component context for AI agents — valid props, variants, anti-patterns, and design tokens.

Package HTML, Claude Design bundles or mobile-learning exports as SCORM 2004/1.2 courses with milestone and question tracking, and validate SCORM zips.