figma-ui-mcp
figma-ui-mcp, MCP-мост к Figma, рисует интерфейсы на холсте кодом и читает готовые макеты без ключа Figma API.
- 265 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент пишет в открытые файлы Figma кодом, ошибочная операция меняет макет.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/figma-ui-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент пишет в открытые файлы Figma кодом, ошибочная операция меняет макет.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
figma-ui-mcp связывает агента с Figma Desktop через локальный HTTP-мост на `localhost:38451`. Агент вызывает `figma_write`, чтобы рисовать фреймы, фигуры, текст и прототипы кодом, и `figma_read`, чтобы получать деревья узлов, цвета, типографику, скриншоты и CSS. Еще есть `figma_status` для проверки подключения, `figma_docs` со справочником API и `figma_rules` со сводом токенов и компонентов. Ключ Figma API не нужен, трафик остается на компьютере. Рядом с MCP-сервером ставится плагин для Figma Desktop.
Для кого. Дизайнеры и фронтенд-разработчики, которые просят агента нарисовать экран в Figma или перенести готовый макет в код.
Подходит, если
- Агент собирает черновик экрана на холсте Figma по описанию.
- Из выделенного макета нужны CSS и токены для кода.
- Перед правкой интерфейса нужно свести правила дизайн-системы в один свод.
- Несколько файлов Figma открыты одновременно, и операции идут в нужный.
Не подходит, если
- Работа идет в веб-версии Figma: нужен Figma Desktop.
- Нужно подключение к облачному API Figma с ключом.
- Планируется правка файлов без проверки результата на холсте.
Пример запроса к агенту
Подключись к figma-ui-mcp, нарисуй на холсте экран входа и сделай скриншот для проверки.MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Нужен Figma Desktop: веб-версия не пускает на localhost. Плагин для Figma не обновляется сам, после каждой новой версии его подключают заново через импорт `manifest.json`. После добавления сервера клиент перезапускают, иначе сервер не загрузится: одного сохранения конфига мало. Автор отмечает проверку в Claude Code и Antigravity; Cursor, VS Code, Windsurf и Zed названы совместимыми, но не проверенными. Агент пишет на холст кодом, поэтому результат стоит смотреть на скриншоте, а важные файлы держать под версиями Figma.
Как отключить. Удалите сервер командой `claude mcp remove figma-ui-mcp` или запись из конфига клиента, закройте плагин в Figma Desktop.
Частые вопросы
Нужен ли ключ Figma API?
Нет, мост работает по локальному HTTP между MCP-сервером и плагином в Figma Desktop. Наружу трафик не уходит.
Как подключить плагин?
Скачайте `plugin.zip`, распакуйте, в Figma Desktop выберите Plugins, Development, Import plugin from manifest и укажите `manifest.json`. Зеленая точка в окне плагина означает связь с сервером.
Какие инструменты есть?
`figma_write` рисует, `figma_read` читает, `figma_status` проверяет связь, `figma_docs` отдает справочник, `figma_rules` собирает правила дизайн-системы.
Можно ли работать с несколькими файлами?
Да, начиная с версии 2.3.0 несколько файлов подключаются одновременно. Нужный задают параметром `sessionId` в `figma_write` и `figma_read`.
Как обновить плагин?
Плагин сам не обновляется. Узнайте путь командой `npx figma-ui-mcp@latest --version`, перезапустите клиент и заново импортируйте `manifest.json` в Figma Desktop.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыFigma MCP Bridge
figma-mcp-bridge
Плагин для Figma Desktop и сервер MCP: агент читает токены, стили и компоненты без REST API Figma и его лимитов. Не от Figma, версия 0.0.x
MCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
MCP-сервер и плагин Figma дают агенту читать и рисовать на холсте безопасно: с проверкой раскладки и без поломанных макетов.
Figma MCP Server (Antonytm)
Figma MCP Server
Сообщественный MCP-сервер с плагином для Figma: агент создает фреймы, текст и компоненты в открытом файле, а не только читает
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| figma-ui-mcp (эта карточка) | нет | не нужна | 265 | |
| Claude Talk to Figma MCP | нет | не нужна | 678 | связывает агента с Figma через WebSocket-канал; figma-ui-mcp работает через локальный HTTP-мост без ключа |
| Figma MCP Bridge | нет | не нужна | 914 | другой мост к Figma; figma-ui-mcp добавляет `figma_rules`, `get_css` и несколько сессий |
Коротко о README
В README описан двусторонний мост между агентом и Figma, четыре шага установки и справочник операций записи и чтения. Отдельно разобрано обновление плагина.