Figma MCP Server

Figma MCP Server

oaboladeISC
1 звёзд
Figma MCP Server — это реализация протокола MCP для работы с API Figma. Вы отдаёте команды ассистенту на естественном языке, а сервер самостоятельно выполняет запросы: читает файлы, экспортирует элементы дизайна, управляет комментариями. Никакого ручного копирования данных из макетов в код. Сервер разработан для платформы Apify. Запускайте его в облаке как долгоживущий веб-сервер или локально на своей машине. Инструмент для разработчиков и техлидов, которые хотят встроить Figma в свой AI-воркфлоу и ускорить согласование дизайн-проектов.
DesignAi-mlFigma
Открыть на GitHub

Установка

npx -y @oabolade-pegasus/figma-mcp-server

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

Общее

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

Технологии

  • Языки
    JavaScript
  • Транспорт
    stdio

Описание

Возможности

  • Извлекает структуру слоёв, метаданные, стили и деревья компонентов из файлов Figma.
  • Выгружает список всех компонентов, их свойства и места использования в проекте.
  • Экспортирует узлы макета в PNG, SVG, PDF или JPG.
  • Читает существующие комментарии к макетам.
  • Создаёт новые комментарии к макетам прямо из диалога с ассистентом.
  • Запрашивает информацию о проектах и командах в вашем аккаунте.
  • Поддерживает авторизацию через Personal Access Token для личных проектов и OAuth 2.0 для командных файлов.
  • Содержит готовые MCP-ресурсы и промпты для быстрого старта без настройки.
  • Работает как долгоживущий веб-сервер в облаке Apify или локально.

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

1. Установите сервер:

npx -y @oabolade-pegasus/figma-mcp-server

2. Создайте токен в Figma: Настройки → Безопасность → Personal access tokens.

3. Добавьте конфигурацию в файл настроек вашего MCP-клиента:

{ "mcpServers": { "figma": { "command": "npx", "args": ["-y", "@oabolade-pegasus/figma-mcp-server"], "env": { "FIGMA_ACCESS_TOKEN": "ваш_токен" } } }}

4. Перезапустите клиент.

5. Для облачного развёртывания на Apify выполните apify push и используйте Container URL.

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

  • «Покажи структуру файла «Главный экран» из Figma».
  • «Найди все компоненты кнопок в макете и выведи их размеры».
  • «Экспортируй фрейм «Онбординг» в формате PDF».
  • «Создай комментарий «Поправить отступы» на странице «Результаты поиска»».

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

  • Язык: JavaScript
  • Транспорт: stdio
  • Лицензия: ISC
  • Совместимые клиенты: Claude Desktop, Cursor
  • Зависимости: Node.js 20+, Apify CLI
  • Разработчик: oabolade

Поделиться