Framelink MCP for Figma

Что умеет сервер

Framelink MCP for Figma, он же figma-developer-mcp, берёт данные из REST API Figma и упрощает их перед отправкой модели, чтобы в контекст попало только важное про раскладку и оформление. Авторы утверждают, что такой текст точнее скриншота помогает агенту повторить макет. Сервер даёт два инструмента. get_figma_data возвращает слои, текст, заливки, обводки, эффекты, скругления и компоненты выбранного файла или узла. Повторяющиеся стили сводятся в общие записи со ссылками, а автоназвания слоёв вроде Rectangle 12 отбрасываются. download_figma_images сохраняет в вашей папке PNG, SVG и GIF по идентификаторам узлов.

Формат ответа настраивается: по умолчанию tree, а также yaml и json. Папку для картинок задаёт флаг --image-dir, а --skip-image-downloads убирает инструмент скачивания совсем. Есть режим HTTP-сервера, где каждый клиент присылает свой токен.

Когда использовать

Сервер подходит, когда вы реализуете страницу или компонент по макету и хотите просто вставить в чат ссылку на фрейм: агент сам извлечёт идентификатор файла и узла из адреса. Чтобы ответ был компактнее, ссылайтесь на конкретный фрейм, а не на весь файл. Это более лёгкая альтернатива официальному серверу Figma, когда нужны только чтение макета и выгрузка картинок, без записи в Figma.

Ограничения и безопасность

Сервер ходит в Figma с вашим личным токеном: он читает любой файл, который доступен вашей учётной записи. Для работы строго необходим только доступ file_content:read, а в документации предложен более широкий набор прав. Заводите токен с ограниченным сроком и не публикуйте конфигурацию, потому что в примерах ключ стоит прямо в аргументах запуска npx. Вместо этого можно использовать переменную окружения FIGMA_API_KEY.

Скачивание изображений ограничено каталогом --image-dir, и пути вне него инструмент отвергает. Если клиент запускает сервер не из корня проекта, файлы окажутся не там, где ожидается, поэтому укажите корень проекта явно. Сервер только читает данные Figma и не изменяет макеты. Проект развивает Framelink, а не Figma; лицензия MIT.

Токен Figma

Серверу нужен персональный токен доступа Figma. В Figma откройте Settings, вкладку Security, раздел Personal access tokens и создайте токен со следующими правами: current_user:read, file_comments:read, file_comments:write, file_content:read, file_metadata:read, file_versions:read, library_assets:read, library_content:read, team_library_content:read, file_dev_resources:read, file_dev_resources:write. Токен показывается один раз.

Claude Code

claude mcp add Framelink_Figma_MCP -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

Cursor

Добавьте в ~/.cursor/mcp.json (или в .cursor/mcp.json проекта):

{
  "mcpServers": {
    "Framelink_Figma_MCP": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

Claude Desktop

В Settings, вкладке Developer откройте claude_desktop_config.json и добавьте ту же конфигурацию:

{
  "mcpServers": {
    "Framelink_Figma_MCP": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

Codex

[mcp_servers.Framelink_Figma_MCP]
command = "npx"
args = ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]

VS Code

"mcp": {
  "servers": {
    "Framelink_Figma_MCP": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

Windows

В Windows npx не запускается клиентами напрямую, поэтому используйте cmd:

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

Токен можно передать и переменной окружения FIGMA_API_KEY в поле env.