Genable MCP

Genable MCP

musepyMIT
Официальный MCP-сервер Figma работает в режиме read-only. Genable дополняет его — пишет в Figma. Работает из любого MCP-клиента. Инженеры могут делегировать рутину макетирования AI-ассистенту: описал экран текстом — получил настоящие слои с Auto Layout и переменными. Внутри 41 инструмент для манипуляции графом сцены. Genable не рисует картинки. Он создаёт фреймы, связывает элементы с переменными дизайн-системы, генерирует варианты тем. Подходит для прототипов, лендингов, дашбордов и мобильных экранов. Комбинируется с официальным Figma MCP для полного цикла чтения и записи.
ДизайнРазработкаFigma
Подключить MCPОткрыть на GitHub
Подключение

Подключить Genable MCP

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

Куда подключить

3

Скопируйте и проверьте

Claude

Official Figma remote MCP server with OAuth.

  1. 1.Получите endpoint и токен доступа, если он требуется.
  2. 2.Добавьте remote MCP endpoint в Claude.
  3. 3.Проверьте подключение в списке доступных инструментов.
json
{
  "mcpServers": {
    "genable-mcp": {
      "url": "https://mcp.figma.com/mcp",
      "transport": "http"
    }
  }
}

Official docs include Claude Code, Codex, Cursor, VS Code, and Xcode setup.

Claude Code plugin and Codex app plugin are preferred paths where available.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить Genable MCP

Genable MCP относится к Дизайн, Разработка, Figma. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
MIT
Транспорт
stdio

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Проверьте команду установки и зависимости перед запуском в рабочем окружении.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 1.

Характеристики

Общее

  • СтатусСообщество
  • Разработчикmusepy
  • ЛицензияMIT

Технологии

  • Транспорт
    stdio

Описание

Возможности

  • Создание настоящих слоёв Figma с Auto Layout, текстом и компонентами — вместо скриншотов
  • Привязка цветов, типографики и отступов к переменным с поддержкой светлой и тёмной темы
  • Генерация нескольких вариантов дизайна за один проход: light, dark, brand
  • Построение целых страниц — Hero, особенности, тарифы, FAQ — отдельными фреймами
  • 41 инструмент для управления графом сцены: создание узлов, компоненты, навигация, верификация
  • Работа из любых MCP-клиентов: Claude Code, Cursor, Cline, Continue, Zed
  • Режим плагина Figma для дизайнеров и MCP-сервера для разработчиков на одном движке
  • Визуальная верификация — сервер проверяет результат и сообщает об ошибках
  • Описание интерфейса через JSX-подобное дерево для точного контроля структуры
  • Генерация компонентов и вариантов (variants) для повторного использования

Как подключить

Установите пакет через npx:

npx -y genable-mcp

Добавьте конфигурацию в ваш MCP-клиент. Пример для Claude Desktop:

{"mcpServers":{"genable":{"command":"npx","args":["-y","genable-mcp"]}}}

Перезапустите клиент. Для работы потребуется API-ключ Genable — вставьте его в настройках плагина Figma или укажите в переменных окружения.

Примеры запросов

  • «Создай лендинг для доставки еды: Hero с фото, секция преимуществ, блок с тарифами и форма подписки. Используй светлую и тёмную тему»
  • «Сгенерируй дашборд аналитики с графиками посещаемости, таблицей пользователей и карточками ключевых метрик. Разложи по фреймам с Auto Layout»
  • «Возьми макет «О нас», замени все цвета на переменные из библиотеки Brand, добавь отступы 16px и 24px»
  • «Размести логотип из библиотеки Team Library в Header, привяжи ссылки к компонентам навигации»

Технические детали

  • Язык: Node.js (запуск через npx)
  • Транспорт: stdio
  • Лицензия: MIT
  • Совместимые клиенты: Claude Desktop, Claude Code, Cursor, Cline, Continue, Zed и любые MCP-клиенты
  • Разработчик: musepy

Поделиться