What is the Figma API MCP server?

The Figma API MCP server provides an AI agent (Claude, Cursor, VS Code) with direct access to the Figma API API. Using the Model Context Protocol, it lets you interact with Figma API through natural language commands.

How do I set up the Figma API MCP server in Claude Desktop?

Copy the MCP config from this page, paste it into your claude_desktop_config.json file under mcpServers, set the required environment variables (Personal Access Token), and restart Claude Desktop.

What tools does the Figma API MCP server expose?

The server exposes 2 operations including Get file data, Get image.

Does the Figma API MCP server require an API key?

Yes, it requires Personal Access Token authentication. You'll need to set the appropriate environment variable in your MCP client with your API credentials.

What are alternatives to the Figma API MCP server?

You can also use the built-in MCP converter tool at mcpbridge.org/convert to generate custom configs from any OpenAPI spec, or browse similar APIs in the Design & Creative category on our directory.

Design & CreativePersonal Access TokenOfficial MCPScore: 78Verified by owner

Figma API MCP Server

Access Figma files, components, and styles for design-to-code workflows in your AI development environment.

Quick Answer

1. The Figma API MCP server lets Claude, Cursor, and VS Code interact with the Figma API API through natural language.
2. Setup: Add the config to claude_desktop_config.json, set your Personal Access Token variables, and restart.
3. 2 operations available including Get file data, Get image.
4. Quality score: 78/99 — good source quality and documentation coverage.

Overview

Category: Design & Creative

Auth: Personal Access Token

Endpoints: 2

Transport: STDIO

Command: npx -y @figma/mcp-server

Spec: v1.0.0

Setup time: ~2 min (auth required)

Environment Variables

FIGMA_ACCESS_TOKEN

Example: figd_...

One-Click Install

Copy the snippet for your MCP client and paste it in — zero editing required.

Claude Desktop

Add to claude_desktop_config.json

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": [
        "-y",
        "@figma/mcp-server"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "figd_..."
      }
    }
  }
}

Deep link

Cursor

Settings → MCP Servers → Add

{
  "mcpServers": {
    "figma": {
      "url": "https://mcpbridge.org/config/figma.json"
    }
  }
}

Saves as .cursor/mcp.json in the download. Move it to your project root.

Deep link install →

VS Code

Use with MCP extension

{
  "mcpServers": {
    "figma": {
      "url": "https://mcpbridge.org/config/figma.json"
    }
  }
}

MCP Server Configuration

Add this to your claude_desktop_config.json or Cursor MCP settings.

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y","@figma/mcp-server"],
      "env": {
      "FIGMA_ACCESS_TOKEN": "figd_..."
}
    }
  }
}

What You Can Build

With the Figma API MCP server, your AI assistant can:

Access 2 API operations through natural language
Read, create, and modify design & creative resources without writing HTTP requests
Chain multiple operations in a single conversation for complex workflows
Combine with other MCP servers for cross-tool automation

Endpoints

GET/v1/files/{file_key}

Get file data

GET/v1/images/{image_id}

Get image

Documentation →GitHub →

Authentication

This API requires Personal Access Token authentication.

Set the required environment variables in your MCP client before using this server. Refer to the Figma API API documentation to obtain credentials.

Required environment variables:

FIGMA_ACCESS_TOKEN

Spec Version

Version: 1.0.0

Spec version published with the OpenAPI document. Config auto-updates when the spec changes.

Page last updated: June 13, 2026

Quality Score

78/99Good

+Official source (+30)
+Has documentation (+12)
+GitHub repo (+12)
+Auth type defined (+8)
+OpenAPI spec available (+8)
+2 endpoints (+8)

Read the Guide

Step-by-step walkthrough for setting up and using the Figma API MCP server.

Figma APIMCP Setup Guide →

This listing is verified by the API owner.

Similar APIs

Other APIs in the Design & Creative category.

EC2 Image Builder

EC2 Image Builder is a fully managed Amazon Web Services service that makes it easier to automate the creation, management, and deployment of customized, secure, and up-to-date "golden" server images that are pre-installed and pre-configured with software and settings to meet specific IT standards.