Skip to main content
Glama
Sign In
enesjakozh

Figma MCP Server

by deepsuthar496
npmGitHub
JavaScript
1,816
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Integrations

  • Provides integration with Figma's API, enabling file operations (information retrieval, version history, components), comment management (listing, adding, deleting), project and team features (listing projects, getting files, accessing published styles), and webhook management.

Figma MCP Server

A Model Context Protocol (MCP) server that provides integration with Figma's API, allowing you to interact with Figma files, comments, components, and more.

Features

  • File Operations
    • Get file information
    • Get file version history
    • Get file components
  • Comment Management
    • List comments in files
    • Add new comments
    • Delete comments
  • Project & Team Features
    • List team projects
    • Get project files
    • Get published styles
  • Webhook Management
    • Create webhooks
    • List existing webhooks
    • Delete webhooks

Installation

  1. Clone the repository
  2. Install dependencies:
npm install
  1. Build the server:
npm run build

Configuration

Configure the server in your MCP settings file with your Figma access token:

{ "mcpServers": { "figma": { "command": "node", "args": ["path/to/figma-server/build/index.js"], "env": { "FIGMA_ACCESS_TOKEN": "your-access-token-here" }, "disabled": false, "alwaysAllow": [] } } }

Available Tools

File Operations

get_file

Get information about a Figma file

{ "file_key": "string" }
get_file_versions

Get version history of a file

{ "file_key": "string" }
get_file_components

Get components in a file

{ "file_key": "string" }

Comment Management

get_file_comments

Get comments from a file

{ "file_key": "string" }
post_comment

Post a comment to a file

{ "file_key": "string", "message": "string" }
delete_comment

Delete a comment from a file

{ "file_key": "string", "comment_id": "string" }

Project & Team Operations

get_team_projects

Get projects for a team

{ "team_id": "string" }
get_project_files

Get files in a project

{ "project_id": "string" }
get_component_styles

Get published styles

{ "team_id": "string" }

Webhook Management

create_webhook

Create a webhook

{ "team_id": "string", "event_type": "string", "callback_url": "string" }
get_webhooks

List webhooks

{ "team_id": "string" }
delete_webhook

Delete a webhook

{ "webhook_id": "string" }

Usage Example

// Example using the MCP tool to get file information <use_mcp_tool> <server_name>figma</server_name> <tool_name>get_file</tool_name> <arguments> { "file_key": "your-file-key" } </arguments> </use_mcp_tool>

License

MIT

Contributing

  1. Fork the repository
  2. Create your feature branch
  3. Commit your changes
  4. Push to the branch
  5. Create a new Pull Request

This server cannot be installed

-
security - not tested
F
license - not found
-
quality - not tested

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

A Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.

  1. Features
    1. Installation
      1. Configuration
        1. Available Tools
          1. File Operations
          2. Comment Management
          3. Project & Team Operations
          4. Webhook Management
        2. Usage Example
          1. License
            1. Contributing

              Related MCP Servers

              • mcp-figma

                smithery-ai
                A
                security
                F
                license
                A
                quality
                A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
                Last updated -
                18
                34
                1

              • Figma MCP Server

                1yhy
                -
                security
                A
                license
                -
                quality
                A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
                Last updated -
                124
                6
                TypeScript
                MIT License
                • Linux
                • Apple

              • Claude Figma MCP

                tonycueva
                -
                security
                F
                license
                -
                quality
                A Model Context Protocol (MCP) server that enables Claude to create and manipulate designs in Figma through either a Figma plugin or directly via the Figma API.
                Last updated -
                TypeScript

              • Figma MCP Server with Chunking

                ArchimedesCrypto
                A
                security
                A
                license
                A
                quality
                A Model Context Protocol server for interacting with the Figma API that handles large Figma files efficiently through memory-aware chunking and pagination capabilities.
                Last updated -
                7
                1
                TypeScript
                MIT License

              View all related MCP servers

              Appeared in Searches

              New MCP Servers

              ID: sv4uz7lblg