Bridge
SXL Studio Bridge: как установить и запустить локальную программу, которая связывает плагин в Figma с AI-инструментами и скриптами, подключить плагин через Remote Connect, настроить MCP-клиент, что можно поручить агенту и как устранить типовые проблемы.
SXL Studio Bridge — небольшая программа, которая запускается на вашем компьютере и связывает работающий плагин SXL Studio с внешними инструментами: Cursor, Claude Desktop и другими MCP-клиентами, а также скриптами. Через неё AI-агент может читать и менять токены, переменные, стили, композиции и данные в открытом файле Figma. Та же программа обслуживает Local Workspace и Local Storage.
| Что даёт Bridge | Пример |
|---|---|
| Работа с токенами из AI-инструмента | «Добавь токен color/brand/600 и экспортируй коллекцию Core в Figma» |
| Сборка и проверка макетов | «Сгенерируй композицию Card и проверь расхождения с JSON» |
| Документация в Figma | «Собери страницу с палитрой коллекции Projects» |
| Аудиты | «Найди слои с сырыми цветами вместо переменных на этой странице» |
| Данные и Git | «Обнови набор данных и запушь изменения в ветку» |
Требования
| Компонент | Версия |
|---|---|
| Плагин SXL Studio | 2.9.2 |
Bridge (@sxl-studio/bridge) | 1.10.0 |
| Node.js | 20 или новее |
Bridge слушает только локальный адрес 127.0.0.1: к нему нельзя подключиться с другого компьютера.
Установка и запуск
npm install -g @sxl-studio/bridge
sxl-bridge
Bridge занимает один порт, по умолчанию 37830. На нём работают подключение плагина, MCP-адрес http://127.0.0.1:37830/mcp и HTTP-запросы http://127.0.0.1:37830/api/.... Если порт занят, задайте другой через переменную окружения:
BRIDGE_PORT=39999 sxl-bridge
Тот же порт потом нужно указать в плагине и в настройках MCP-клиента.
Проверка, что программа запущена:
sxl-bridge health
Подключение плагина: Remote Connect
- Запустите Bridge и откройте плагин в файле Figma в режиме Design.
- В подвале плагина нажмите кнопку Remote Connect. Плагин свернётся в компактную строку с состоянием подключения.
- Разверните строку кнопкой со стрелками, чтобы открыть окно подключения: здесь поле Port, поле Token для защищённого режима и переключатель Allow destructive commands.
- Состояние Connected — Waiting for commands означает, что агент может отправлять команды.

Компактная строка Remote Connect в подвале плагина: состояние подключения, Disconnect и кнопка разворота.

Окно Remote Connect: порт, токен, идентификаторы сессии и клиента, переключатель Allow destructive commands.
Пока подключение активно, вкладки плагина скрыты. Нажмите Disconnect, чтобы вернуться к обычному интерфейсу. Плагин запоминает порт между сессиями.
Опасные команды
Удаление слоёв, переменных и коллекций, сброс идентификаторов синхронизации и hard pull заблокированы по умолчанию. Чтобы разрешить их, включите Allow destructive commands в окне Remote Connect. Разрешение действует до отключения. Даже с включённым переключателем агент обязан явно подтверждать каждую опасную команду.
Перед export_variables можно проверить экспорт через preview_export_variables. Sort упорядочивает стили и их папки без смены ID; переставлять существующие коллекции, моды и переменные публичный API Figma не позволяет. Эти MCP-инструменты игнорируют старую настройку allowDestructiveReorder. Удаление осиротевших объектов остаётся отдельным опасным действием. См. Экспорт переменных и стилей.
Защищённый режим
Если Bridge запущен с переменной BRIDGE_AUTH_TOKEN, все подключения должны предъявить тот же токен: введите его в поле Token окна Remote Connect, в форму подключения Local Storage и в настройки MCP-клиента.
BRIDGE_AUTH_TOKEN=my-secret sxl-bridge
Подключение AI-инструмента
Bridge работает по протоколу MCP. Для Cursor добавьте в .cursor/mcp.json:
{
"mcpServers": {
"sxl-studio": {
"url": "http://127.0.0.1:37830/mcp"
}
}
}
Другие MCP-клиенты подключаются к тому же адресу. Запускайте Bridge до открытия чата с агентом, иначе инструменты не появятся в списке. Первое, что стоит попросить агента: вызвать get_operator_runbook, он описывает, с чего начинать, и get_plugin_status, он показывает, видит ли Bridge плагин.
Что может агент
| Область | Примеры инструментов |
|---|---|
| Токены и файлы | list_token_files, get_token_file_content, save_token_file, export_variables |
| Переменные и стили | get_variables, create_variable, bind_variable, import_variable_spec, get_local_styles, import_style_spec |
| Композиции и экраны | list_compositions, generate_composition, apply_composition, build_screen, build_mockup |
| Документация в Figma | build_token_documentation, bind_variable_palette, build_component_doc, build_doc_flow |
| Аудит | analyze_variable_usage, audit_variable_coverage, audit_style_coverage, audit_composition_drift |
| Данные Database | list_datasets, save_dataset, save_mapping, apply_mapping, generate_instances |
| Git | git_pull, git_push, git_hard_pull |
| Код | get_codegen, export_composition_json |
Полный список отдаёт сам Bridge: инструмент list_tools или адрес http://127.0.0.1:37830/api/tools.
Инструменты предпросмотра и аудита ничего не меняют. Инструменты записи принимают dryRun: true для проверки без изменений. Большие ответы Bridge сокращает до сводки, полный вариант можно запросить отдельно.
Bridge и режимы Figma
| Где открыт плагин | Чтение | Изменения на холсте | Токены, настройки, Git |
|---|---|---|---|
| Design | Да | Да | Да |
| Dev Mode, окно плагина | Да | Нет, плагин отвечает ошибкой | Да |
| Dev Mode, панель Code | Только генерация кода | Нет | Нет |
Local Workspace
Bridge читает и записывает файлы токенов и данных в папке на диске для режима Local Workspace и хранит большие файлы Local Storage для Git-подключений. Для этого не нужен Remote Connect: достаточно запущенного Bridge и включённого профиля в настройках синхронизации. Порт и токен задаются на вкладке Local Workspace окна Synchronization settings. Подробнее: Local Workspace и Local Storage.
Если что-то не работает
| Что случилось | Что делать |
|---|---|
Агент получает ошибку «Failed to send to plugin» или PLUGIN_NOT_CONNECTED | Плагин не подключён. Откройте плагин в режиме Design и нажмите Remote Connect |
При запуске Bridge пишет EADDRINUSE | Порт занят. Запустите с BRIDGE_PORT=<другой порт> и укажите его в плагине и MCP-клиенте |
| Инструменты не появляются в чате | Bridge запущен после открытия чата. Перезапустите чат или клиент |
| Ошибка авторизации | Токен в плагине или клиенте не совпадает с BRIDGE_AUTH_TOKEN |
| Команда удаления отклонена | Включите Allow destructive commands в окне Remote Connect и повторите с подтверждением |
| Плагин отвечает, что редактор только для чтения | Файл открыт в Dev Mode. Переключитесь в Design для изменений на холсте |
| Local Workspace не видит папку | Проверьте, что Bridge запущен на порту из настроек профиля, и нажмите Test на вкладке Local Workspace |