Skip to main content
Glama
Sign In
enesjakozh

mcp-figma

by smithery-ai
npmGitHub
34
1
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Integrations

  • Provides comprehensive access to Figma's API, enabling file operations, comments management, team/project management, component and style access, and image extraction from Figma designs.

mcp-figma

A Model Context Protocol (MCP) server for Figma API integration, designed to be used with Claude and other MCP-compatible AI assistants.

Features

This MCP server provides access to Figma API functionality:

  • File operations (get file, get nodes, get images)
  • Comments management
  • Team/project management
  • Components and styles access
  • Persistent API key storage

Installation

NPM Installation

# Install globally npm install -g mcp-figma # Or install locally in a project npm install mcp-figma # Update to latest version npm update -g mcp-figma

Usage with Claude

  1. Add mcp-figma to your Claude configuration:
"mcp-figma": { "command": "npx", "args": [ "-y", "mcp-figma" ] }
  1. When using Claude, the first time you'll need to set your Figma API key:
Please use mcp-figma to set my Figma API key: figd_xxxxxxxxxxxxxxxxxxxxxxx

Your API key will be stored in ~/.mcp-figma/config.json and will be automatically loaded in future sessions.

  1. You can verify your API key is configured:
Please use mcp-figma to check my API key status
  1. Then use any of the available Figma API functions:
Please use mcp-figma to get the file with key abc123

Available Tools

The server provides the following tools:

  • set_api_key: Set your Figma API personal access token (saved to config)
  • check_api_key: Check if an API key is already configured
  • get_file: Get a Figma file by key
  • get_file_nodes: Get specific nodes from a Figma file
  • get_image: Get images for nodes in a Figma file
  • get_image_fills: Get URLs for images used in a Figma file
  • get_comments: Get comments on a Figma file
  • post_comment: Post a comment on a Figma file
  • delete_comment: Delete a comment from a Figma file
  • get_team_projects: Get projects for a team
  • get_project_files: Get files for a project
  • get_team_components: Get components for a team
  • get_file_components: Get components from a file
  • get_component: Get a component by key
  • get_team_component_sets: Get component sets for a team
  • get_team_styles: Get styles for a team
  • get_file_styles: Get styles from a file
  • get_style: Get a style by key

For detailed usage examples, see USAGE.md.

License

MIT

You must be authenticated.

A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

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.

Tools

View all tools

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.

  1. Features
    1. Installation
      1. NPM Installation
    2. Usage with Claude
      1. Available Tools
        1. License

          Related Resources

          Related MCP Servers

          • Figma MCP Server

            MatthewDailey
            A
            security
            F
            license
            A
            quality
            Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
            Last updated 4 months ago
            5
            647
            119
            TypeScript
            • Apple

          • Kintone MCP Server

            r3-yamauchi
            A
            security
            A
            license
            A
            quality
            A Model Context Protocol server that enables Claude and other AI assistants to access and update Kintone data through natural language commands, supporting operations like record management, file handling, app administration, and space collaboration.
            Last updated 7 days ago
            25
            4
            JavaScript
            MIT License
            • Apple

          • Figma MCP Server

            deepsuthar496
            -
            security
            F
            license
            -
            quality
            A Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.
            Last updated a month ago
            647
            JavaScript

          • 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 a month ago
            124
            6
            TypeScript
            MIT License
            • Linux
            • Apple

          View all related MCP servers

          Appeared in Searches

          ID: z3gvv0394m