GLips/Figma-Context-MCP

Что это?

Ключевые возможности

• 01Получает метаданные о компоновке и стилях файла, фрейма или группы в Figma по вставленной ссылке.
• 02Упрощает ответы Figma API, чтобы модель получала только самые важные сведения о дизайне.
• 03Работает как MCP-сервер, запускаемый через npx и настраиваемый с помощью JSON-файла.
• 04Принимает токен доступа Figma через флаг командной строки или переменную окружения FIGMA_API_KEY.

Сценарии использования

• Реализация дизайна из Figma в виде фронтенд-кода в Cursor с контекстом компоновки вместо скриншотов.
• Использование AI-агента для анализа структуры компонентов и отступов при создании интерфейса на любом фреймворке.
• Быстрое прототипирование экранов: передача существующих фреймов Figma в рабочий процесс с агентом.

Быстрый старт

1. 1

   Создайте токен доступа Figma, следуя инструкциям по ссылке в README

2. 2

   Добавьте конфигурацию MCP-сервера в файл конфигурации MCP вашего редактора (macOS/Linux), указав API-ключ

   npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
3. 3

   Перезапустите AI-клиент и вставьте в чат ссылку на файл, фрейм или группу Figma

Что важно знать

• !Для получения данных о дизайне серверу необходим токен доступа Figma.
• !Решение разработано специально для Cursor, поэтому для других AI-клиентов может потребоваться дополнительная настройка.

Темы

Частые вопросы

Что такое Figma-Context-MCP?

MCP-сервер предоставляет AI-агентам для написания кода, например Cursor, доступ к данным о компоновке и стилях в Figma для реализации дизайнов. Framelink MCP for Figma — это сервер Model Context Protocol, который подключает инструменты для написания кода с помощью AI, например Cursor, к Figma API. Пользователь вставляет в чат ссылку на файл, фрейм или группу в Figma, а агент получает нужные метаданные о компоновке и стилях и пишет соответствующий код.

Figma-Context-MCP можно использовать бесплатно? Какая у него лицензия?

Figma-Context-MCP распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

Figma-Context-MCP всё ещё поддерживается?

Активно поддерживается. Последний коммит в Figma-Context-MCP — 16 окт. 2026 г..

Для чего можно использовать Figma-Context-MCP?

Реализация дизайна из Figma в виде фронтенд-кода в Cursor с контекстом компоновки вместо скриншотов. Использование AI-агента для анализа структуры компонентов и отступов при создании интерфейса на любом фреймворке. Быстрое прототипирование экранов: передача существующих фреймов Figma в рабочий процесс с агентом.

Как установить Figma-Context-MCP?

Создайте токен доступа Figma, следуя инструкциям по ссылке в README Добавьте конфигурацию MCP-сервера в файл конфигурации MCP вашего редактора (macOS/Linux), указав API-ключ: npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio Перезапустите AI-клиент и вставьте в чат ссылку на файл, фрейм или группу Figma

Где скачать Figma-Context-MCP?

Исходный код и инструкции по установке — на GitHub: https://github.com/GLips/Figma-Context-MCP