0
grade F
10 days ago
glama

Figma to React MCP

Automates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.

Install from

M8ven verifies MCPs across every public registry — install directly from whichever one you prefer.

// key findings
🚨
Reads files from sensitive locations
Touches: .env
🚨
Known vulnerabilities in dependencies: 2 critical, 7 high
Affects packages this MCP installs at runtime. Upgrade or remove the affected dependency.
🔐
You'll be asked for 2 credentials: FIGMA_ACCESS_TOKEN, GITHUB_TOKEN
These are read from process.env at runtime. Make sure you trust where they’ll be sent.
// required environment variables
This server reads these from process.env. You'll be asked to provide them before it can run.
🔐 secretFIGMA_ACCESS_TOKENGITHUB_TOKEN=xxx =yyy npx figma-to-react-mcp
configGITHUB_OWNER
configGITHUB_REPO
🔐 secretGITHUB_TOKENxxx FIGMA_ACCESS_TOKEN=yyy npx figma-to-react-mcp
configLOG_LEVELLogging level (debug, info, warn, error) - default: info
configMCP_SERVER_NAME
configPLAYWRIGHT_HEADLESS
configPLAYWRIGHT_TIMEOUT
// full audit trail
The full breakdown of what we checked, the deductions that landed, the network hosts, the dependency advisories, and concrete fix guidance is available to verified publishers.
// improvement guidance — verified publishers only
We have 5 concrete improvements we can share with the publisher of this MCP. Each comes with specific guidance to raise the trust score.
// embed badge in your README
[![M8ven Score](https://m8ven.ai/badge/mcp/surisagar900-figma-to-react-mcp-1i4024)](https://m8ven.ai/mcp/surisagar900-figma-to-react-mcp-1i4024)
commit: 8e168c4dddd270f18c03ccfb5d34d4ff0d42d744
code hash: ce97739f32edd297e6645ad09a72e4a81fd827ee1ab210d94b46adb4a6e36668
verified: 4/11/2026, 3:26:05 PM
view raw JSON →