ПровереноStable MCP-сервер

MCP Figma

Name: MCP Figma
Author: Community

Интеграция с Figma - чтение макетов, компонентов, стилей

by Community1,500 stars85/100stdio

GitHub npm

Быстрая установка

npx -y figma-mcp

Конфигурация для .mcp.json:

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

Архитектура MCP

Client

Claude Desktop / Cursor

→↓

Transport

stdio

→↓

MCP Figma

Tools (3)

get_fileget_node_cssget_images

Возможности

Tools (3)

get_file

Get Figma file structure

get_node_css

Get CSS styles of a node

get_images

Export nodes as images

Обзор

MCP-сервер для Figma. AI-агент может читать макеты, компоненты, стили и текстовые слои из Figma-файлов.

Основные возможности: - Чтение структуры файлов и фреймов - Извлечение CSS-стилей из компонентов - Чтение текстовых слоёв - Экспорт элементов как изображений - Информация о цветах и типографике

Позволяет AI генерировать код напрямую из Figma-макетов.

Поддерживаемые платформы

Claude CodeClaude DesktopCursorWindsurf