Figma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
- 176 ★ репозитория
- Последний коммит
- Apache-2.0
Широкий доступ
Почему такой уровень
- Агент пишет в открытый документ Figma: создает, меняет и удаляет узлы без отдельного подтверждения каждого действия
- Плагин открывает документ внешней системе, то есть любому клиенту, подключенному к локальному серверу
Установка
- Работает в
Ручная установка
{"mcpServers": {"figma": {"url": "http://localhost:38450/mcp"}}}Потоковый HTTP на локальный адрес. Запись написана по адресу из README, формат поля зависит от версии клиента.
Доступ и проверки
Как мы проверяемШирокий доступИнструмент может менять данные, выполнять команды или работать с секретами.
- Агент пишет в открытый документ Figma: создает, меняет и удаляет узлы без отдельного подтверждения каждого действия
- Плагин открывает документ внешней системе, то есть любому клиенту, подключенному к локальному серверу
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Проект состоит из двух частей: MCP-сервера на Node.js и плагина для Figma. Официальный сервер Figma отдает агенту макет только на чтение, а здесь агент меняет документ: создает фреймы, прямоугольники, текст, изображения и компоненты, клонирует и перемещает узлы, задает заливку, обводку, скругления и автолейаут, удаляет узлы. Сервер принимает вызовы инструментов, ставит их в очередь и передает плагину по WebSocket на socket.io. Плагин выполняет действие в открытом файле Figma и возвращает результат. Если ответа нет слишком долго, сервер завершает вызов по таймауту. Среди инструментов есть и чтение: список страниц, сведения об узле, все компоненты файла. Для компонентов доступны свойства, их привязка к слоям и свойства экземпляров. Прототипные ссылки между фреймами добавляет отдельный инструмент.
Для кого. Дизайнерам и фронтенд-разработчикам, которые просят Claude Code или Cursor собрать интерфейс прямо в рабочем файле Figma и не хотят переносить результат из чата вручную.
Подходит, если
- Нужна заготовка экрана: агент собирает фреймы, заголовки и кнопки в открытом файле Figma
- Библиотеку компонентов правят пачкой, например добавляют свойство к десяти компонентам сразу
- Узлы макета надо переместить в другой родитель или перекрасить по описанию задачи
- Агент должен прочитать структуру файла и сам дополнить ее: страницы, компоненты, свойства узлов
- Прототип собирают из готовых фреймов, и между ними нужны ссылки перехода
Не подходит, если
- Хватает чтения макета и выгрузки в код: для этого у Figma есть официальный сервер, и сам автор советует взять его
- Файл общий и рабочий, а резервной копии нет: агент удаляет и меняет узлы без отдельного подтверждения
- Доступ нужен по сети с другой машины: проект рассчитан на локальную работу, сетевое использование под вашу ответственность
- Нет Node.js или нельзя подключать плагин через режим разработки Figma
Пример запроса к агенту
В открытом файле Figma создай на странице Login фрейм 390 на 844 с заголовком, двумя полями ввода и синей кнопкой, а потом покажи список созданных узловMCP
- Транспорт
- http, stdio
- Авторизация
- не нужна
Переменные окружения
TRANSPORT- Транспорт сервера: stdio по умолчанию или streamable-http для подключения по адресу.
Ограничения
- Плагин пока не опубликован в каталоге Figma: автор ждет проверки. Пока его собирают из исходников и подключают через Plugins, Development, Import plugin from manifest.
- Окно плагина должно оставаться открытым. Пока оно закрыто, вызовы инструментов не доходят до Figma.
- Раздел с описанием инструментов в README помечен как TBD, поэтому набор возможностей проще узнать из исходников и из списка инструментов в клиенте.
- Сервер слушает локальный порт 38450 и рассчитан на одну машину; сетевое использование автор оставляет под вашу ответственность.
Как отключить. Закройте окно плагина в Figma и остановите сервер, затем уберите запись об адресе http://localhost:38450/mcp из настроек MCP-клиента. Сам плагин удаляется в Figma из списка Plugins, Development. Уже внесенные агентом изменения в файле откатываются обычной историей версий Figma.
Частые вопросы
Чем этот сервер отличается от официального MCP-сервера Figma?
Официальный сервер только читает макет, а этот меняет документ через плагин: создает, двигает, красит и удаляет узлы. Автор прямо советует брать официальный сервер, если хватает чтения.
Как подключить Figma MCP Server к Claude Code или Cursor?
Соберите и запустите плагин и сервер по инструкции в репозитории, затем добавьте в клиент потоковый HTTP-транспорт с адресом http://localhost:38450/mcp. После запуска плагина в Figma появится сообщение Connected to MCP server.
Почему агент не меняет макет и плагин пишет Not connected to MCP server?
Сервер еще не запущен или окно плагина закрыто. Запустите сервер командой npm run start в папке mcp, оставьте окно плагина открытым и дождитесь сообщения Connected to MCP server.
Какие инструменты есть у сервера?
Чтение: страницы, сведения об узле, все компоненты файла. Запись: фреймы, прямоугольники, текст, изображения, компоненты и их экземпляры, заливка, обводка, скругления, автолейаут, перемещение, клонирование и удаление узлов, свойства компонентов, прототипные ссылки. Список в README помечен как TBD, поэтому сверяйтесь со списком инструментов в клиенте.
Безопасно ли открывать сервер по сети?
Автор рассчитывал проект на локальную работу: сервер слушает порт 38450 на вашей машине и, как официальный, не выставляет данные в сеть. Выставлять его наружу автор советует только под вашу ответственность, потому что плагин открывает документ любому подключенному клиенту.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыОфициальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
MCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
Figma MCP Bridge
figma-mcp-bridge
Плагин для Figma Desktop и сервер MCP: агент читает токены, стили и компоненты без REST API Figma и его лимитов. Не от Figma, версия 0.0.x
Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Figma MCP Server (Antonytm) (эта карточка) | нет | не нужна | 176 | |
| Claude Talk to Figma MCP | нет | не нужна | 676 | тоже читает и меняет макеты Figma; здесь MCP-эндпоинт и сервер сокетов живут в одном процессе на порту 38450 |
| Figma Console MCP | нет | API-ключ | 3 193 | упор на переменные, стили и синхронизацию токенов дизайн-системы с кодом |
Коротко о README
README объясняет, зачем нужен проект, и ведет через три шага: собрать плагин для Figma, запустить MCP-сервер, подключить клиент по HTTP. Дальше идут блок для разработчиков с режимом dev и инспектором MCP, схема взаимодействия частей и раздел о безопасности. В конце автор перечисляет альтернативы и просит брать официальный сервер там, где его хватает.