Figma Console MCP

figma-console-mcp

MCP-сервер Figma для дизайн-систем в обе стороны: читает и записывает переменные, компоненты и стили, синхронизирует токены с кодом

  • 2 471 ★ репозитория
  • Последний коммит
  • MIT
MCP-сервер

Широкий доступ

Почему такой уровень

  • Создает, правит и удаляет переменные, компоненты и стили в файлах Figma
  • Токен Figma открывает ваши файлы
  • Для записи нужен плагин в Figma
Все причины и проверки

southleft/figma-console-mcp

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add mcp/figma-console-mcp

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Широкий доступИнструмент может менять данные, выполнять команды или работать с секретами.

  • Создает, правит и удаляет переменные, компоненты и стили в файлах Figma
  • Токен Figma открывает ваши файлы
  • Для записи нужен плагин в Figma

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Сервер работает с дизайн-системой в обе стороны. Он извлекает ее из Figma, создает и правит переменные, компоненты и стили, переименовывает и удаляет токены, сканирует кодовую базу в токены DTCG и собирает пакет дизайн-системы, синхронизирует токены между Figma и кодом, делает скриншоты, отлаживает консоль плагина, сравнивает компонент Figma с кодом и проверяет здоровье дизайн-системы. Есть четыре способа подключения: Remote SSE (только чтение до сопряжения плагина), Cloud Mode (запись через веб-клиенты, 96 инструментов), NPX (рекомендуется) и локально из Git. Для записи нужен плагин Desktop Bridge в Figma.

Для кого. Для дизайнеров и фронтенд-разработчиков, которые ведут дизайн-систему и хотят синхронизировать токены между Figma и кодом из агента.

Подходит, если

  • Нужно перенести токены из Figma в код в формате DTCG и обратно
  • Нужно проверить дизайн-систему на несоответствия компонентам в коде
  • Нужно создавать и править переменные и стили Figma из агента

Не подходит, если

  • Нужно только читать макеты: хватит сервера Figma без записи
  • Не готовы давать агенту право переименовывать и удалять токены в файлах Figma

Пример запроса к агенту

Сравни переменные цвета в Figma с токенами в репозитории и покажи расхождения, ничего не меняя

MCP

Транспорт
stdio
Авторизация
API-ключ

Переменные окружения

FIGMA_ACCESS_TOKEN обязательная, секрет
Токен доступа Figma для режима NPX
ENABLE_MCP_APPS
Включает MCP-приложения

Ограничения

Сервер записывает в Figma: создает и правит переменные, компоненты и стили, переименовывает и удаляет токены, поэтому работайте в копии файла. Для записи нужен плагин Desktop Bridge. Режим Remote SSE дает только чтение, пока плагин не сопряжен. Для NPX обязателен токен `FIGMA_ACCESS_TOKEN`. Версия 1.40.9 от 02.10.2026. В каталоге есть другой сервер Figma (figma-mcp-server), он устроен иначе.

Как отключить. Удалите запись figma-console из конфигурации клиента (claude mcp remove figma-console), удалите плагин Desktop Bridge в Figma и отзовите токен доступа Figma.

Частые вопросы

Чем он отличается от других серверов Figma?

Он ориентирован на дизайн-системы и работает в обе стороны: не только читает, но и пишет переменные, компоненты и стили, синхронизирует токены с кодом.

Какие есть способы подключения?

Remote SSE, Cloud Mode, NPX (рекомендуется) и локально из Git.

Что нужно для записи в Figma?

Плагин Desktop Bridge в Figma и токен FIGMA_ACCESS_TOKEN для NPX.

Сколько инструментов?

В режиме Cloud Mode по README 96.

Обсуждение

Вопросов и отзывов пока нет.

MCP-серверы
Официальный

Официальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст

MCP-серверРасширенный доступ2,1 тыс.Звезды репозитория
Официальный

Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст

MCP-серверРасширенный доступ1 тыс.Звезды репозитория

MCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт

MCP-серверРасширенный доступ670Звезды репозитория
Выбор редакции

MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту

MCP-серверРасширенный доступ16 тыс.Звезды репозитория

Figma MCP Bridge

figma-mcp-bridge

Плагин для Figma Desktop и сервер MCP: агент читает токены, стили и компоненты без REST API Figma и его лимитов. Не от Figma, версия 0.0.x

MCP-серверРасширенный доступ745Звезды репозитория

MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте

MCP-серверРасширенный доступ7 тыс.Звезды репозитория

Коротко о README

README описывает Figma-сервер для дизайн-систем: извлечение, запись переменных и компонентов, токены DTCG, синхронизацию с кодом, четыре способа подключения и плагин Desktop Bridge. Пакет npm figma-console-mcp. Лицензия MIT.

Бейдж для README

Сообщить о проблеме

Foxx AIFigma Console MCP
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.