# Figma MCP Server

Локальный MCP-сервер для вызова REST API Figma прямо из ИИ-клиентов. Позволяет читать макеты, забирать токены и работать со стилями.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 10
- Автор: planetabhi
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/planetabhi/figma-mcp-server
- Обновлён: 2026-10-18
- HTML: https://affpapa.org/nevibecode/mcp/planetabhi-figma-mcp-server

## Что делает

Сервер транслирует методы Figma в 50 отдельных инструментов протокола MCP и работает через стандартный ввод-вывод stdio. Инструменты подгружаются автоматически из каталога `tools/figma/` во время запуска процесса. Через них агент получает структуру узлов, запрашивает рендеринг слоёв в картинки, просматривает историю версий и читает комментарии к файлам.

Для авторизации требуется персональный токен доступа `FIGMA_API_KEY`. Возможности сервера зависят от тарифа учётной записи Figma. Чтение и пакетная правка переменных требуют плана Enterprise, а сбор аналитики библиотек работает только на тарифах Organization или Enterprise. Без нужного уровня подписки вызовы этих методов завершаются ошибкой доступа.

В репозитории проект собран под среду Bun версии 1.2 и новее. Клиенты вроде Claude Code подключают его через команду добавления с передачей переменной окружения.

## Требования
- Нужно: Node.js (команды через npx)
- Переменные окружения: `FIGMA_API_KEY` — это ключи и токены: значения спроси у человека, в репозиторий и общие файлы не записывай.
- Работает с: Figma

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add figma-mcp-server -e FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-mcp-server
```
Вместо <…> подставьте свои значения

### Codex

**Командой платформы**
```bash
codex mcp add planetabhi-figma-mcp-server --env FIGMA_API_KEY=<FIGMA_API_KEY> -- npx -y figma-mcp-server
```
Вместо <…> подставьте свои значения

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "planetabhi-figma-mcp-server": {
            "command": "npx",
            "args": [
                "-y",
                "figma-mcp-server"
            ],
            "env": {
                "FIGMA_API_KEY": "<FIGMA_API_KEY>"
            }
        }
    }
}
```
Вместо <…> подставьте свои значения

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "planetabhi-figma-mcp-server": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "figma-mcp-server"
            ],
            "env": {
                "FIGMA_API_KEY": "<FIGMA_API_KEY>"
            }
        }
    }
}
```
Вместо <…> подставьте свои значения

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add -e FIGMA_API_KEY=<FIGMA_API_KEY> planetabhi-figma-mcp-server npx -y figma-mcp-server
```
Вместо <…> подставьте свои значения

## Когда брать
- выгрузить структуру узлов и свойства слоёв из макета
- получить прямые ссылки на отрендеренные изображения компонентов
- прочитать значения дизайн-токенов и переменных проекта
- просмотреть ветки комментариев внутри файла

## Примеры запросов агенту
- Покажи дерево компонентов и цвета из макета Figma по ссылке на файл.
- Экспортируй иконки из фрейма с кнопками в виде картинок.
- Выгрузи список опубликованных переменных из нашей библиотеки стилей.

## Похожие
- [understand-figma](https://affpapa.org/nevibecode/skills/understand-figma.md) — скилл · 1800 установок
- [figma-designer](https://affpapa.org/nevibecode/skills/figma-designer.md) — скилл · 807 установок
- [figma](https://affpapa.org/nevibecode/plugins/figma.md) — плагин · ★ 2119
- [figma-codegen](https://affpapa.org/nevibecode/skills/figma-codegen.md) — скилл · 1300 установок
- [pp-figma](https://affpapa.org/nevibecode/skills/pp-figma.md) — скилл · 726 установок
- [figma-integration](https://affpapa.org/nevibecode/skills/figma-integration.md) — скилл · 718 установок

## Другие версии с тем же именем
- [Figma MCP Server · figma](https://affpapa.org/nevibecode/mcp/figma-mcp-server.md) — ★ 2119

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md