Claude Talk to Figma MCP
MCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
- 678 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Меняет содержимое ваших макетов Figma
- Поднимает локальный websocket и выполняет код
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/claude-talk-to-figma-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Меняет содержимое ваших макетов Figma
- Поднимает локальный websocket и выполняет код
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер соединяет агента с Figma Desktop через локальный websocket и плагин, который ставится вручную из манифеста. После подключения к каналу агент видит выделение и структуру документа, разбирает стили и иерархию, создает фигуры, текст и фреймы, меняет цвета, скругления, тени и авто-лейаут. Работает с бесплатным аккаунтом Figma, лицензия Dev Mode не нужна. Поддерживает параллельную работу нескольких агентов через очередь команд на стороне сервера.
Для кого. Для дизайнеров и фронтенд-разработчиков, которые хотят править макеты Figma и собирать код из дизайна голосом или текстом.
Подходит, если
- Нужно массово поменять цвета, шрифты или отступы по всему документу
- Нужно собрать компонент или разметку по существующему макету
- Нужно проверить контраст и доступность прямо в Figma
Не подходит, если
- Нет Figma Desktop или нельзя импортировать плагин из манифеста
- Нужна работа с Figma только в браузере без десктоп-приложения
Пример запроса к агенту
Подключись к Figma, канал abc123, и замени во всех основных кнопках цвет FF6B6B на E63946MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Нужны Node.js, Figma Desktop и ручной импорт плагина через меню разработчика. Перед каждой сессией запускается локальный websocket, агент подключается к каналу по его id. При параллельной работе команда set_current_page заблокирована, для создания и структурных правок нужно явно передавать parentId.
Как отключить. Уберите запись сервера из конфигурации MCP-клиента и удалите плагин из Figma через меню разработчика.
Частые вопросы
Нужен ли платный Figma и Dev Mode?
Нет. Сервер работает с любым аккаунтом Figma, включая бесплатный, лицензия Dev Mode не требуется.
Как агент понимает, с каким файлом работать?
Вы открываете плагин в Figma, копируете id канала и просите агента подключиться к этому каналу.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
Figma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
MCP-сервер и плагин Figma дают агенту читать и рисовать на холсте безопасно: с проверкой раскладки и без поломанных макетов.
figma-ui-mcp, MCP-мост к Figma, рисует интерфейсы на холсте кодом и читает готовые макеты без ключа Figma API.
Официальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Claude Talk to Figma MCP (эта карточка) | нет | не нужна | 678 | |
| kubectl-mcp-server | нет | не нужна | 972 | читает состояние кластера и разбирает сбои подов |
| Unreal Engine MCP Server | нет | не нужна | 1 033 | ассеты, акторы и блупринты Unreal Engine |
| Android MCP | нет | не нужна | 924 | управляет Android-устройством через ADB |
Из блога
Коротко о README
README описывает установку в три шага: запуск websocket через npx, импорт плагина в Figma Desktop и настройку MCP-клиента. Отдельно показаны конфигурации для Cursor и других инструментов, вариант с Docker и список возможностей: анализ документа, создание и правка элементов, работа со стилями и библиотеками компонентов. Проект развивает cursor-talk-to-figma-mcp Sonny Lazuardi. Лицензия MIT.