设计系统 MCP 服务器

MCP 标签专题内容与创作

挂「设计系统」这个标签的服务器清单:逐条给出安装命令、连接方式、鉴权方式与仓库地址,可以先按分类与连接方式判断哪些适合你的环境,再进详情页看接入参数。

本标签收录 100 个服务器 数据同步于 2026-10-11 21:56:06

挂「设计系统」标签的服务器共 100 个,以设计创作(54)、开发工具(30)、AI代理(5)为主。其中 30 个给出可直接使用的安装命令或远程端点,26 个用 stdio 在本地拉起进程、4 个连远程 HTTP 端点。

本标签服务器 100 按标签归属统计
有安装命令 30 含本地命令与远程端点
本地 stdio 26 客户端拉起子进程,数据不出本机
远程 HTTP 4 连远程端点,无需本地装运行时
官方维护 3 其余为社区或第三方维护

这个标签的构成

按本标签 100 个服务器统计
分类可点,进分类页继续筛
连接方式决定数据经过谁
  • 未标注 69
  • stdio · 本地进程 26
  • HTTP · 远程 4
  • SSE · 服务端推送 1

本地 stdio 与远程 HTTP 都有:本地数据选 stdio(数据不出本机),SaaS 类选 HTTP(不用装运行时)。

鉴权方式决定你要交出什么
  • 无需鉴权 54
  • Token 26
  • 会话登录 8
  • 未标注 5
  • OAuth 授权 4
  • API Key 3

OAuth 授权可以随时撤销,相对安全;API Key 与 Token 是长期凭据,用只读或最小权限的那把。

设计系统 服务器清单

第 1 / 5 页 · 每页 24 个
安装命令里是 http(s) 地址的属于远程端点,不需要本地安装

20251125 Gh Copilot Figma MCP

lc-semba-ryuichiro · 设计创作

社区 / 第三方

基于Figma设计、通过Storybook文档化的纯HTML/CSS组件库,无需JavaScript运行时依赖,专注于静态HTML模板和设计令牌实现。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
—
最近核验
2026-05-17

支持 Claude 设计系统、TypeScript、Claude

Acttechie55 MCP

acttechie55 · 浏览器工具

社区 / 第三方

通过集成Figma MCP和Claude Code,将设计系统的变量和组件自动转换为生产就绪的代码。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
4
最近核验
2026-05-17

支持 Claude 代码生成、设计系统、HTML、Claude

Adeo Mozaic MCP

MerzoukeMansouri · 开发工具

社区 / 第三方

Mozaic MCP Server 是一个为 Mozaic 设计系统提供交互式技能和程序化访问工具的开发工具包,适用于前端开发者和设计师。

stdio · 本地进程 会话登录 本地安装

npx -p mozaic-mcp-server@latest adeo-mozaic-install-tools

GitHub 星标
4
工具数
11
最近核验
2026-05-17

支持 Claude Desktop、Claude 设计系统、开发工具、TypeScript、Claude

Amazon Q Chakra Ui MCP Server

JMRMEDEV · 开发工具

社区 / 第三方

提供对Chakra UI组件的访问、设计系统定制和迁移工具的服务,适用于React开发人员。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
9
最近核验
2026-05-17

开发工具、JavaScript、设计系统

Ant Design Components MCP

未标注提供方 · 文档知识

社区 / 第三方

全面解析Ant Design ComponentsMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器,Ant Design Components能让AI助手访问实时数据、执行操作,为您提供更智能的工作体验和自动化解决方案。

HTTP · 远程 OAuth 授权 本地安装

npx 命令启动服务器。

GitHub 星标
—
工具数
—
最近核验
2026-05-17

代码示例、设计系统、JavaScript

Antdesign MCP

Dxeo · 设计创作

社区 / 第三方

一个为AI代理提供直接访问Ant Design 5.x文档、组件规范、属性/API、设计令牌和主题配置的MCP服务器,以单一原生二进制文件形式提供,无需外部依赖或API密钥,完全离线运行。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
1
工具数
9
最近核验
2026-05-17

支持 Claude Go、Claude、设计系统

Anything Ui

MalharSoni · 设计创作

社区 / 第三方

一个生产就绪的React Native启动模板,包含设计系统工作流、MCP集成和自动化工具,专为快速开发而构建。

未标注 Token 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
4
最近核验
2026-05-17

支持 Claude、Cursor 快速开发、TypeScript、Claude、设计系统

App Figma MCP

Datayolk · 设计创作

社区 / 第三方

一个Next.js应用程序,展示如何将Figma模型上下文协议(MCP)集成到代码库中,并使用原子设计原则从Figma设计到生产就绪的React组件。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
—
最近核验
2026-05-17

Figma集成、开发工具、TypeScript、设计系统

Aws Cloudscape MCP Server

goldhand · 运维云端

社区 / 第三方

AWS Cloudscape MCP服务器为构建AWS控制台应用程序的团队提供组件文档、搜索功能和设计最佳实践。

stdio · 本地进程 无需鉴权 本地安装

npx mcp-config add aws-cloudscape-mcp-server

GitHub 星标
0
工具数
2
最近核验
2026-05-17

支持 Cline 设计系统、JavaScript、Cline、搜索功能

Carbon MCP

SandeepBaskaran · 搜索检索

社区 / 第三方

Carbon Design System的本地MCP服务器,用于生成和管理React组件、文档搜索和设计令牌转换。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
6
最近核验
2026-05-17

TypeScript、设计系统、文档处理

Carbon MCP 877bdf01

carbon-design-system · 开发工具

社区 / 第三方

Carbon MCP是一个开源标准,使AI代理或应用程序能够通过统一的集成层安全地连接外部工具、数据源和工作流程,提升设计一致性。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
22
工具数
—
最近核验
2026-05-17

代码生成、设计系统、本地部署

Chuk MCP Design System

chrishayuk · 设计创作

社区 / 第三方

Chuk Design System 是一个通用的设计令牌系统,支持多格式导出,适用于设计系统管理和跨平台应用开发。

stdio · 本地进程 无需鉴权 本地安装

pip install -e .

GitHub 星标
1
工具数
—
最近核验
2026-05-17

支持 Claude 设计系统、Python、Claude

Cloudscape Docs MCP

未标注提供方 · 搜索检索

社区 / 第三方

全面解析Cloudscape Docs MCPMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器,Cloudscape Docs MCP能让AI助手访问实时数据、执行操作,为您提供更智能的工作体验和自动化解决方案。

HTTP · 远程 未标注 本地安装

pip install -e .

GitHub 星标
—
工具数
—
最近核验
2026-05-17

设计系统、Python、文档处理

Cloudscape MCP助手

未标注提供方 · 开发工具

社区 / 第三方

全面解析MCP Cloudscape AssistantMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器,MCP Cloudscape Assistant能让AI助手访问实时数据、执行操作,为您提供更智能的工作体验和自动化解决方案。

SSE · 服务端推送 未标注 本地安装

npm install -g @cloudscape/mcp-assistant

GitHub 星标
—
工具数
—
最近核验
2026-05-17

代码生成、设计系统、JavaScript、AI辅助

Component Builder MCP

kickstartDS · 开发工具

社区 / 第三方

一个基于MCP协议的服务器,提供构建遵循kickstartDS设计系统模式的UI组件的指令和模板。

未标注 Token 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
10
最近核验
2026-05-17

开发工具、JavaScript、设计系统

DS Figma MCP

chadwd · 设计创作

社区 / 第三方

一个基于Vue 3和Material Design 3构建的设计系统文档Web应用,用于设计令牌和组件参考,并计划通过MCP协议与Figma库集成。

未标注 Token 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
1
工具数
—
最近核验
2026-05-17

支持 Claude、VS Code 设计系统、Claude、Figma集成

Design Context Server

ThomasRumas · 开发工具

社区 / 第三方

一个通过模型上下文协议(MCP)服务器暴露设计系统的工具,使基于LLM的工具能够理解和使用设计系统注册表、组件及文档。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
—
最近核验
2026-05-17

设计系统、开发工具、TypeScript、LLM工具

Design System Italia MCP

Fupete · 开发工具

官方维护

Filo是一个非官方的MCP服务器,为AI助手提供对意大利设计系统资源的结构化访问,包括组件、HTML标记、CSS令牌和设计指南。

stdio · 本地进程 Token 本地安装

docker run -e GITHUB_TOKEN=your_token -p 8080:8080 \

GitHub 星标
2
工具数
13
最近核验
2026-05-17

支持 Claude Desktop、Claude、Cursor 设计系统、开发工具、TypeScript、Claude

Design System MCP 065305d1

patrickeaton · 开发工具

社区 / 第三方

一个自动发现、分析并提供智能访问设计系统组件的模型上下文协议(MCP)服务器,可与VS Code和GitHub Copilot无缝集成,使设计系统可通过自然语言搜索和查询。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
4
最近核验
2026-05-17

支持 VS Code 设计系统、自然语言处理、TypeScript、VS Code

Design System MCP 116d522a

yajihum · 设计创作

社区 / 第三方

一个提供组件属性和设计令牌信息的MCP服务器,用于设计系统的开发和调试。

未标注 Token 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
25
工具数
—
最近核验
2026-05-17

设计系统、TypeScript、开发工具

Design System MCP 11fe3127

denizzeybek-fe · 开发工具

社区 / 第三方

自动化提取并管理设计系统组件元数据的服务,支持AI助手自动生成代码和文档,适用于前端开发效率提升。

未标注 Token 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
0
工具数
5
最近核验
2026-05-17

支持 Claude Desktop、Claude 开发工具、TypeScript、Claude、设计系统

Design System MCP E890c02e

GovAlta · 设计创作

社区 / 第三方

一个帮助设计、开发和实现政府数字服务的AI知识库,使用GoA设计系统组件。

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
2
工具数
—
最近核验
2026-05-17

支持 Claude Desktop、Claude、Cursor 设计系统、TypeScript、Claude、代码生成

Design System Server

pglevy · 开发工具

社区 / 第三方

A proof-of-concept for publish design system guidance and code snippets as an MCP server for usage with LLMs

未标注 无需鉴权 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
9
工具数
—
最近核验
2026-05-18

支持 Claude Desktop、Claude、VS Code 设计系统、文档处理、TypeScript、Claude

Design Token Bridge MCP

kenneives · 设计创作

社区 / 第三方

一个跨平台设计令牌转换工具,支持从Tailwind、CSS、Figma或W3C DTCG格式提取令牌并生成Material 3、SwiftUI、Tailwind和CSS变量的原生主题。

未标注 Token 暂无命令

上游未给出安装命令,详情页看接入方式

GitHub 星标
1
工具数
9
最近核验
2026-05-17

支持 Claude 设计系统、TypeScript、Claude

怎么在「设计系统」里挑服务器

三步
先看连接方式,再看鉴权
① 连接方式stdio 本地 · HTTP 远程本标签里本地 stdio 26 个、远程 HTTP 4 个
② 鉴权方式OAuth 最省心要长期 Key 的,先给只读权限,别用主账号的令牌
③ 维护方官方优先官方随产品更新;社区包先看仓库最近有没有提交

关于「设计系统」标签的常见问题

「设计系统」标签下是些什么服务器?

共 100 个服务器被上游打了「设计系统」这个标签,覆盖最多的是 设计创作(54)、开发工具(30)、AI代理(5)、搜索检索(3)。其中 26 个用 stdio 在本地拉起进程,4 个连远程 HTTP 端点,30 个给出了可直接使用的安装命令或端点地址。

「设计系统」这类服务器怎么接入?

点开任意一条进详情页:安装命令是本地命令的,复制后执行并重启客户端;安装命令是一串 http(s) 地址的,说明它是远程端点,把地址填进客户端的 MCP 配置即可,不用在本地装运行时。接入前先看一眼鉴权方式——API Key、Token 是长期凭据,建议用只读或最小权限的那把。

标签专题和分类页有什么区别?

分类页是上游给的 15 个大类,一个类下什么用途都有;标签专题按服务器实际带的关键词归类,「设计系统」就是其中一类,粒度更细、也允许一台服务器同时出现在多个标签下。想按大类浏览回 MCP 服务器大全(/mcp),想换一个标签回标签专题总入口(/mcp/topic)。

服务器信息以作者仓库与官方文档为准;标签、分类与连接方式的中文说明为中文整理,数据日期 2026-10-11 21:56:06。