sarveshsea/m-moire

What it does

sarveshsea/m-moire is a Model Context Protocol (MCP) server that provides 20 tools for comprehensive design system management. It enables extraction of design tokens from any URL, seamless integration with Figma (via REST and WebSocket) and Penpot, automated React component generation using shadcn/ui specifications, and WCAG accessibility audits. The tool supports bidirectional token synchronization, allowing design and development teams to maintain consistency across platforms.

Key features

• Extract design tokens from any URL automatically
• Integrate with Figma and Penpot design platforms
• Generate React components from design specifications using shadcn/ui
• Run WCAG accessibility compliance audits
• Bidirectional token synchronization between design and code
• 20 specialized tools for design system workflows

How to set up

As an MCP server, installation depends on your host platform (Claude, ChatGPT, AI Studio, etc.). Add the server configuration to your MCP settings, authenticate with Figma/Penpot if needed, and initialize the connection. Refer to the GitHub repository for platform-specific setup instructions and detailed API documentation.