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
一个将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
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
一个强大的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
全面解析Figma To Vue MCPMCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，Figma To Vue MCP能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。
全面解析MCP Server Test 01MCP Server的核心功能、安装配置和实用案例。作为顶级Model Context Protocol服务器，MCP Server Test 01能让AI助手访问实时数据、执行操作，为您提供更智能的工作体验和自动化解决方案。
提供工业级标准的UI设计规范、组件库和工作流，适用于Pencil MCP设计工具。
工具数量
0
GitHub Stars
78
stitch-mcp-auto-setup
Stitch MCP Auto是一款自动化UI设计工具，提供一键式设置、多CLI支持和AI图像生成功能，适用于快速生成和优化UI设计。
安装状态
已补齐
工具数量
19
GitHub Stars
31
命令预览
npx stitch-mcp-auto-setup
一个提供组件属性和设计令牌信息的MCP服务器，用于设计系统的开发和调试。
工具数量
0
GitHub Stars
25
提供Figma MCP服务器的学习资源，包括示例代码和设计文件，帮助开发者通过实践学习AI驱动的产品开发流程。
工具数量
0
GitHub Stars
4
jsOM是一个可视化UI设计平台，能够将设计转换为精确的JSON规范，供任何LLM生成生产代码，实现人类创意与AI代码生成之间的桥梁。
工具数量
7
GitHub Stars
4
va-components
用于监控VA设计系统组件状态、成熟度级别并生成实现示例的综合工具，可作为npm包和MCP服务使用。
安装状态
已补齐
工具数量
0
GitHub Stars
3
命令预览
npx va-components examples va-radio
