figma-react

figma-react is an MCP server for Claude Code, Codex, Cursor from MananSingh2001/figma-react-mcp-server. Its token cost is not measured, scanned A, original, MIT.

A local MCP server that converts Figma designs into React code, with Figma being a tool for creating interface designs and React being a JavaScript interface framework.

In plain words
What is it for?
It is for generating React code from Figma designs.
Why use it?
It connects an AI agent to a conversion tool so designs can be turned into a code starting point.

MCP server for Claude CodeCodexCursor

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add mcp/manansingh2001/figma-react-mcp-server/figma-react
Clone the repo
git clone --depth 1 https://github.com/MananSingh2001/figma-react-mcp-server

Made for: Claude Code, Codex, Cursor.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for figma-react

README.md
[![agentmods](https://agentmods.dev/badge/mcp/manansingh2001/figma-react-mcp-server/figma-react.svg)](https://agentmods.dev/mcp/manansingh2001/figma-react-mcp-server/figma-react)
Your own site
<a href="https://agentmods.dev/mcp/manansingh2001/figma-react-mcp-server/figma-react"><img src="https://agentmods.dev/badge/mcp/manansingh2001/figma-react-mcp-server/figma-react.svg" alt="Measured on agentmods" height="20"></a>
Per session not measured What this adds to a session before it is invoked.
When invoked not measured Not applicable: nothing here is loaded into a session.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Security

Grade A, and why

figma-react scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

server.json · 10 lines

What it actually says

{
  "figma-react": {
    "command": "npx",
    "args": [
      "-y",
      "@manansiingh/figma-react-mcp-server"
    ],
    "env": {}
  }
}
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 3d ago First seen · 10 lines scan A a718a2419071

Subscribe to this mod's changes

figma-react is an MCP server published in the GitHub repository MananSingh2001/figma-react-mcp-server (1 stars, last pushed 5mo ago), licensed MIT. Its token cost is not measured: an MCP server costs its tool schemas, not its config file. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other mcp servers, from other repositories

aicanvas

Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas. Runs locally from the @aicanvas/mcp npm package.

uiNerd16/aicanvas · not measured

metricui

React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.

mpmcgowen/metricui · not measured

figma-dev-tools

Figma Dev Tools MCP Server v1.4.13 - Bridge Figma designs to code with AI-powered token extraction, framework-agnostic structured data, React/Vue/HTML component generation, asset downloads, XSS security protection, smart hierarchy fixing, SVG inline rende. Runs locally from the figma-dev-tools npm package.

qq1006492122/figma-dev-tools · not measured

uiux-tools-react-mui

MCP Server with UX/UI best practices for React + Material-UI (Nielsen Heuristics, Cognitive Biases, Apple Design, Responsive patterns). Runs locally from the @marcusbarcelos/uiux-tools-react-mui npm package.

MarcusViniciusBarcelos/uiux-tools-react-mui · not measured

react-design-systems-mcp

Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System. Runs locally from the @agentience/react-design-systems-mcp npm package.

agentience/react-design-systems-mcp · not measured

its-just-mcp

MCP server for its-just-ui React component library - Generate, customize, and document UI components with AI. Runs locally from the its-just-mcp npm package.

its-just-ui/its-just-mcp · not measured