Figma MCP ServerServer

sanjeev23oct
GitHub
FigmaReactMCP

Loading subscription status...

💡 Description

A Model Context Protocol (MCP) server that connects Figma designs with React implementations. This server enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data and providing it in a format compatible with React.

📝 JSON Entries

{
  "mcpServers": [
    {
      "figma": {
        "env": {
          "FIGMA_ACCESS_TOKEN": "your figma token"
        },
        "args": [
          "d:/<folder>>/figma-mcp/build/index.js"
        ],
        "command": "node"
      }
    }
  ]
}

🛠️ Tools

get_file_contentget_node_images

Features

  • Direct integration with Figma API for design files
  • Processes data into React-compatible formats
  • Converts Figma styles to CSS/styled-components
  • Manages image and SVG assets
  • Translates Figma auto-layout to Flexbox
  • Type-safe development with TypeScript

💬 Example Queries

  • Fetch processed Figma content using the 'get_file_content' tool
  • Retrieve Figma node images in different formats
  • Get React component structure from a Figma design