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