An automated MCP server for Google Stitch that enables AI-driven UI design generation, accessibility audits, and design system management. It streamlines workflows for creating responsive screens, extracting design tokens, and maintaining visual consistency across professional web projects.
安装状态
已补齐
命令预览
npx stitch-mcp-auto-setup
一个从Storybook设计系统中提取组件信息的MCP服务器，包括HTML、样式和组件元数据。
工具数量
8
GitHub Stars
64
一个将Figma设计转换为生产代码的模型上下文协议（MCP）服务器，支持生成React/Tailwind/styled-components等代码。
工具数量
27
GitHub Stars
37
figma-mcp-full-server
一个与Figma API集成的模型上下文协议(MCP)服务器，用于导出图像和提取样式数据，适用于设计资产管理和前端开发工作流。
安装状态
已补齐
工具数量
0
GitHub Stars
10
命令预览
npx figma-mcp-full-server figd_your_figma_token_here
A proof-of-concept for publish design system guidance and code snippets as an MCP server for usage with LLMs
工具数量
0
GitHub Stars
9
Muiscan是一款通过模型上下文协议（MCP）将Figma设计文件转换为生产就绪的MUI（Michael UI）Web组件的工具，适用于前端开发者和设计系统团队。
工具数量
0
GitHub Stars
2
Chuk Design System 是一个通用的设计令牌系统，支持多格式导出，适用于设计系统管理和跨平台应用开发。
安装状态
已补齐
工具数量
0
GitHub Stars
1
命令预览
pip install -e .
一个跨平台设计令牌转换工具，支持从Tailwind、CSS、Figma或W3C DTCG格式提取令牌并生成Material 3、SwiftUI、Tailwind和CSS变量的原生主题。
工具数量
9
GitHub Stars
1
mcp-color-convert@latest
MCP颜色转换服务器是一个全面的颜色转换、操作、分析和辅助工具，专为AI编码代理和助手设计，适用于设计系统、Web开发和辅助功能合规性。
安装状态
已补齐
工具数量
20
GitHub Stars
1
命令预览
npx -y mcp-color-convert@latest
@smithery/cli
一个整合韩国响应式设计系统(KRDS)与AI辅助工具的MCP服务器，提供组件搜索、设计令牌管理、代码验证及资源信息等功能，适用于韩国政府数字服务开发。
安装状态
已补齐
工具数量
0
GitHub Stars
1
命令预览
npx @smithery/cli install krds-uiux-mcp-server
Carbon Design System的本地MCP服务器，用于生成和管理React组件、文档搜索和设计令牌转换。
工具数量
6
GitHub Stars
0
一个强大的MCP服务器，连接AI应用与Figma API，实现无缝访问Figma设计、自动生成HTML/CSS和截图捕获。
安装状态
已补齐
工具数量
9
GitHub Stars
0
命令预览
npx tsx tests/test-bootstrap-enhanced.ts
一个通过Cursor IDE提供安全访问Figma设计的模型上下文协议(MCP)服务器，无需开发者单独拥有Figma账户即可共享设计资源。
工具数量
5
GitHub Stars
0
一个生产就绪的MCP服务器，提供设计系统组件和样式指南，支持AI助手访问，部署在Vercel上并通过SSE传输实现远程访问。
工具数量
0
GitHub Stars
0
MeshMCP是一个基于Model Context Protocol (MCP)的服务，为VS Code提供对Mesh设计系统组件、设计标记和原型工具的访问。
安装状态
已补齐
工具数量
6
GitHub Stars
0
命令预览
pip install -r requirements.txt
Optics MCP服务器为Optics设计系统提供模型上下文协议支持，使LLM能够理解和处理设计令牌、组件和文档。
工具数量
14
GitHub Stars
0
全面解析Ant Design ComponentsMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，Ant Design Components能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。
安装状态
已补齐
命令预览
npx 命令启动服务器。
全面解析Cloudscape Docs MCPMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，Cloudscape Docs MCP能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。
安装状态
已补齐
命令预览
pip install -e .
全面解析MCP Cloudscape AssistantMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，MCP Cloudscape Assistant能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。
安装状态
已补齐
命令预览
npm install -g @cloudscape/mcp-assistant
全面解析Figma To Vue MCPMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，Figma To Vue MCP能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。
