Name: MananSingh2001/figma-react-mcp-server
Rating: 3.2 (1 reviews)
Author: MananSingh2001

MananSingh2001/figma-react-mcp-server

Score: 55.1 Rank #18 MCP Server

Enterprise-grade MCP server that converts Figma designs into production React components with design token extraction, widget registry integration, and micro-frontend module generation.

Use MananSingh2001/figma-react-mcp-server in Claude Code Install AgentRank MCP — your AI finds the right tool automatically

Get API Access →

claude mcp add agentrank -- npx -y agentrank-mcp-server

Overview

MananSingh2001/figma-react-mcp-server is a JavaScript MCP server licensed under MIT. Enterprise-grade MCP server that converts Figma designs into production React components with design token extraction, widget registry integration, and micro-frontend module generation.

Ranked #18 out of 110 indexed tools.

Actively maintained with commits in the last week.

Ecosystem

JavaScript MIT

Score Breakdown

Stars 15% 1

1 stars → early stage

Freshness 25% 1d ago

Last commit 1d ago → actively maintained

Issue Health 25% 50%

No issues filed → no history to score

Contributors 10% 1

1 contributor → solo project

Dependents 25% 0

No dependents → no downstream usage

npm Downloads N/A

PyPI Downloads N/A

Forks 0

Description Detailed

License MIT

Weights: Freshness 25% · Issue Health 25% · Dependents 25% · Stars 15% · Contributors 10% · How we score →

How to Improve

Contributors medium impact

Single-contributor projects carry bus-factor risk — welcoming contributors boosts confidence

Dependents medium impact

No downstream dependents detected yet — adoption by other projects is the strongest trust signal

Badge all embed codes →

Markdown

[![AgentRank](https://agentrank-ai.com/api/badge/tool/MananSingh2001--figma-react-mcp-server)](https://agentrank-ai.com/tool/MananSingh2001--figma-react-mcp-server/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)

HTML

<a href="https://agentrank-ai.com/tool/MananSingh2001--figma-react-mcp-server/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/tool/MananSingh2001--figma-react-mcp-server" alt="AgentRank"></a>

Embed Widget docs →

HTML

<script src="https://agentrank-ai.com/embed.js" data-tool="MananSingh2001/figma-react-mcp-server"></script>

Details

Stars: 1
Forks: 0
Open Issues: 0
Closed Issues: 0
Contributors: 1
Dependents: —
Language: JavaScript
License: MIT
Last Commit: 1d ago

Matched Queries

"mcp server""mcp-server"

From the README

# @manansiingh/figma-react-mcp-server

> **Enterprise-grade Figma-to-React MCP Server** — converts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend (MFE) module generation.

## Why This Server?

There are several Figma MCP servers out there. Here's what makes this one different:

| Feature | Other Figma MCPs | This Server |
|---|---|---|
| Basic component generation | ✅ | ✅ |
| **Design token extraction** (colors, spacing, typography → reusable token file) | ❌ | ✅ |
| **Registry-driven output** (components self-register into a widget registry) | ❌ | ✅ |
| **MFE-aware generation** (independently deployable micro-frontend modules) | ❌ | ✅ |
| Auto Layout → Flexbox mapping | Partial | ✅ Full |

This server was built from real-world experience building enterprise design systems and micro-frontend dashboards at scale, not just weekend prototypes.

## What It Does

### 1. Design Token Extraction
Instead of hard

Read full README on GitHub →