Gravity Global Figma MCPServer

nguyenlegravityglobal
GitHub
FigmaCSS GenerationDesign Optimization

Loading subscription status...

💡 Description

Gravity Global Figma MCP is a tool that integrates Figma with Cursor through the Model Context Protocol (MCP), allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.

📝 JSON Entries

{
  "mcpServers": [
    {
      "Gravity Global Figma MCP": {
        "env": {
          "FIGMA_API_KEY": "your_figma_api_token_here"
        },
        "args": [
          "index.js"
        ],
        "command": "node"
      }
    }
  ]
}

🛠️ Tools

Node.jsFigma APInpm

Features

  • Retrieving design data from Figma
  • Optimizing data size
  • CSS conversion
  • Generating meaningful CSS class names
  • Extracting design tokens

💬 Example Queries

  • Get data from Figma URL https://www.figma.com/file/abc123/my-design?node-id=123-456
  • Extract typography and color tokens from Figma URL https://www.figma.com/file/abc123/my-design