Claude Figma MCPServer

tonycueva
GitHub
FigmaDesign AutomationAPI Integration

Loading subscription status...

💡 Description

A Model Context Protocol (MCP) server that allows Claude to create and manipulate designs directly in Figma via a Figma plugin or the Figma API.

📝 JSON Entries

{
  "mcpServers": [
    {
      "figma-mcp": {
        "env": {},
        "args": [
          "-y",
          "claude-figma-mcp",
          "--stdio"
        ],
        "command": "npx"
      }
    },
    {
      "figma-mcp": {
        "env": {},
        "args": [
          "-y",
          "claude-figma-mcp",
          "--stdio",
          "--figma-api-key",
          "your_figma_api_key_here"
        ],
        "command": "npx"
      }
    },
    {
      "figma-mcp": {
        "env": {},
        "args": [
          "/path/to/claude-figma-mcp/simple-mcp-server.js"
        ],
        "command": "node"
      }
    }
  ]
}

🛠️ Tools

create_projectcreate_framecreate_rectanglecreate_textcreate_componentcreate_layoutcreate_interactionexport_frameget_fileget_file_nodesget_commentspost_commentget_team_componentsexport_image

Features

  • Enables interaction with Figma designs
  • Supports both plugin and API-based approaches
  • Allows for project creation and manipulation

💬 Example Queries

  • Can you create a login screen in Figma? It should have a logo at the top, email and password input fields, and a login button.
  • I need a dashboard layout in Figma with a header, sidebar navigation, and a main content area with 4 card components showing different statistics.
  • Show me the contents of my Figma file with ID abcde12345
  • Export the frame named 'Homepage' from my Figma file abcde12345 as a PNG