Talk to Figma MCP
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
- 7 105 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Изменяет содержимое макета Figma по командам агента
- Поднимает локальный WebSocket-сервер и обменивается данными по сети
Установка
- Работает в
Ручная установка
{
"mcpServers": {
"TalkToFigma": {
"command": "bunx",
"args": ["cursor-talk-to-figma-mcp@latest"]
}
}
}Фрагмент для ~/.cursor/mcp.json. bun setup пропишет сервер в активный проект автоматически.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Изменяет содержимое макета Figma по командам агента
- Поднимает локальный WebSocket-сервер и обменивается данными по сети
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Проект связывает агента с Figma через MCP-сервер, плагин для Figma и локальный WebSocket. Агент читает документ, выделение и отдельные узлы, создает прямоугольники, фреймы, секции и текст, задает авторазметку, отступы, выравнивание, заливку, обводку и радиусы. Есть массовая замена текста, перенос переопределений между экземплярами компонентов, работа с аннотациями и создание коннекторов FigJam по прототипным связям. Сервер и плагин соединяются через канал, к которому агент подключается командой join_channel.
Для кого. Для дизайнеров и разработчиков, которые автоматизируют рутину в Figma через агента.
Подходит, если
- Нужно массово заменить текст или перенести переопределения на десятки экземпляров
- Нужно собрать или поправить разметку и стили из агента
- Нужно расставить аннотации или коннекторы по прототипу
Не подходит, если
- Нет установленного плагина Figma и запущенного WebSocket-сервера
- Нужна точная ручная работа с макетом, а не пакетные операции
Пример запроса к агенту
Подключись к каналу Figma и замени во всех кнопках текст с английского на русскийMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Для работы нужен Bun, запущенный локальный WebSocket-сервер и установленный плагин Figma, а агент должен подключиться к общему каналу. В связке Windows и WSL в src/socket.ts надо открыть hostname 0.0.0.0. Доступ к Figma из России ограничен, поэтому работа без VPN не гарантирована.
Как отключить. Удалите запись TalkToFigma из конфигурации MCP агента, остановите WebSocket-сервер и снимите плагин в Figma в разделе Plugins, Development.
Частые вопросы
Зачем нужен отдельный WebSocket-сервер?
Через него MCP-сервер и плагин Figma обмениваются сообщениями. Без запущенного сервера и подключения к каналу команды до Figma не доходят.
С какими агентами работает?
С Cursor, Claude Code и Codex через стандартную конфигурацию MCP. Плагин ставится в Figma в режиме разработки или из community-страницы.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
Figma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
MCP-сервер и плагин Figma дают агенту читать и рисовать на холсте безопасно: с проверкой раскладки и без поломанных макетов.
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
figma-ui-mcp, MCP-мост к Figma, рисует интерфейсы на холсте кодом и читает готовые макеты без ключа Figma API.
Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст
Из блога
Коротко о README
README описывает три части проекта: MCP-сервер на TypeScript, плагин Figma и WebSocket-сервер, который их соединяет. Установка идет через Bun: bun setup прописывает MCP в проект Cursor, bun socket поднимает канал связи. Плагин ставится из community-страницы Figma или локально по manifest.json. Далее перечислены инструменты сервера по группам: документ и выделение, аннотации, прототипы и коннекторы, создание элементов, правка текста, авторазметка и стили. Лицензия MIT.