Figma Tokens MCP Server

Stableother

★25 starsTypeScriptcommunity

About

Overview

The Figma Tokens MCP Server enables AI agents to work with design tokens from Figma. It extracts colors, spacing, typography, and other design variables for code generation.

Capabilities

Tools & Capabilities

⚡extract_tokens

Extract design tokens from a Figma file

⚡list_styles

List Figma styles

⚡export_tokens

Export tokens in various formats

Setup

Installation

bash

Install

npx -y mcp-server-figma-tokens

Examples

Example Usage

javascript

Usage

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

Quick Info

Authorcommunity

LanguageTypeScript

StatusStable

Stars★ 25

Last UpdatedFeb 12, 2026