Design MCP Servers
Design files and UI context for handing work over to a coding agent. 240 servers in the registry match this topic; 11 of the top ones are answering right now, exposing 104 tools between them. Checked every 15 minutes.
240 in this topic 11 of the top answering checked every 15 min
Ranked by uptime and installs
how the ranking worksGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Figma MCP Pack
OODS Foundry is an object-oriented design system that extends the one you already have.
Run Atris campaigns from any agent, and extract, check, or search brand design systems.
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
TeamAgent Canvas MCP（服务端 0.4.0）：91 个工具——开岗、改配置、跑动作、看数据、发布并配知识库。可匿名试用，带 Key 解锁全部。
Mzizi design system MCP: components, tokens, skills and docs. Free; sign-in only for Fundi.
TypeScript MCP server for Canvas LMS — 187 tools across 42 domains.
Your project's design system for coding agents: tokens, components, contrast checks, guidelines.
Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
Catches palette colors, native elements and APIs your design system lacks in agent-written React.
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
A design harness for AI coding agents: design systems, design principles, icons and UI review.
Design system for coding agents: component specs, rules, tokens, icons and checked React snippets.
Author Rive; convert Lottie, After Effects, Animate and Figma into it; animate AI and pixel art.
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
Canvas LMS integration for students and educators with optional privacy controls
Self-hosted Canvas LMS for students on every device: OAuth, ngrok tunnel, multi-PC failover.
A local MCP server with full Figma REST API coverage.
Canvas LMS MCP server for students. Read only Canvas courses, grades, due dates, plus .ics export.
Design tokens, component source and WCAG checks for rendering any UI in a past design era.
Figma MCP server with full read/write access via plugin — no API token, no rate limits. 73 tools.
NVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles.
Use existing brand guidelines with AI. Turn websites, PDFs, and Figma into a .brand runtime.
LLM-optimized Figma MCP server.
Design skills, design systems and artifact tools: landing pages, decks, prototypes, posters, more.
Student-focused Canvas LMS: 211 tools for grades, deadlines, submissions and study planning.
Write to a live Figma canvas, get a screenshot back, and roll back mistakes. Zero deps, free plan.
LLM-optimized Figma MCP server.
Search and fetch Japanese landing-page design systems (DESIGN.md) from designmark.jp.
Lint rendered pages against a design system in a real browser, across six widths, with the fix.
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
Props, examples, design tokens and page blocks for the Halo React design system.
Run accessibility, contrast, and design token audits and file QA issues from your AI coding tool.
An artificial artisan for UI design: agents build screens, a design system keeps them consistent.
Query the PlayCanvas REST API: list project assets, get asset metadata, and check API rate limits.
The design system your coding agents check before they ship: tokens plus exact UI fixes.
Client feedback pinned on live sites, Figma frames, PDFs, images and video, for Claude and agents.
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
Turn Canva designs into templates and render image/PDF variants via the Layerre API.
Canvas LMS (Instructure) for Claude — courses, grades, assignments, planner, files
The WunderUI design system for coding agents: components, props, tokens, rules and skills.
Let agents manage your Figma workspace. 102 tools for seats, teams, offboarding, and cleanup.
MCP server for Storybook design systems — extract component HTML, styles and metadata.
Create and edit architecture diagrams from your AI agent; get an SVG and a live editable canvas.
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
Export files, access design data, manage projects, comments, and team assets