What can you do with this server?

The mcp-figma server provides a Model Context Protocol interface to integrate with the Figma API for managing design resources. **Key capabilities:** * **API key management**: Set, store, and verify Figma personal access tokens * **File operations**: Retrieve Figma files, specific nodes, and generate images from files * **Comment management**: Get, post, and delete comments on Figma files * **Team and project access**: Fetch projects for teams and files within projects * **Component and style operations**: Access components, component sets, and styles at team or file level * **Image resources**: Get URLs for images used as fills in Figma files

Which integrations are available for this server?

Provides comprehensive access to [Figma](/mcp/servers/integrations/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.

npm version

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

Related MCP server: Figma MCP Server

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

Add mcp-figma to your Claude configuration:

"mcp-figma": { "command": "npx", "args": [ "-y", "mcp-figma" ] }

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.

You can verify your API key is configured:

Please use mcp-figma to check my API key status

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

One-click Deploy

A

security – no known vulnerabilities

F

license - not found

A

quality - confirmed to work

How are these scores calculated?

Resources

Need Help?

Report Issue

Reddit Discussion

Related Servers

mcp-figma

mcp-figma

Features

Installation

NPM Installation

Usage with Claude

Available Tools

License

Resources

Appeared in Searches

New MCP Servers

Latest Blog Posts

MCP directory API