Figma MCP Server

Stabledevelopment

★350 starsTypeScriptnicepkg

About

Overview

The Figma MCP Server enables AI agents to interact with Figma's design platform. It provides tools for reading design files, extracting component properties, accessing design tokens and styles, and converting design elements to code. Essential for design-to-code automation.

Capabilities

Tools & Capabilities

⚡get_file

Get a Figma file's structure and contents

⚡get_components

List components in a file

⚡get_styles

Get design tokens and styles

⚡get_node

Get a specific node's properties

⚡export_node

Export a node as an image

Setup

Installation

bash

Install

npx -y mcp-server-figma

Examples

Example Usage

javascript

Usage

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "mcp-server-figma"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your-token"
      }
    }
  }
}

Quick Info

Authornicepkg

LanguageTypeScript

StatusStable

Stars★ 350

Last UpdatedFeb 12, 2026