Figma Context MCP

Дайте Cursor и другим AI-инструментам для разработки доступ к вашим файлам Figma с помощью этого сервера Model Context Protocol.

Когда Cursor имеет доступ к данным дизайна Figma, он значительно точнее реализует макеты с одного запроса по сравнению с альтернативными подходами, например вставкой скриншотов.

Демо

Посмотрите демо создания UI в Cursor с данными дизайна Figma

Как это работает

1. Откройте чат вашей IDE (например, режим агента в Cursor).
2. Вставьте ссылку на файл, фрейм или группу в Figma.
3. Попросите Cursor что-то сделать с файлом Figma — например, реализовать дизайн.
4. Cursor получит нужные метаданные из Figma и использует их для написания кода.

Этот MCP-сервер специально разработан для использования с Cursor. Перед отправкой контекста из Figma API он упрощает и преобразует ответ, оставляя модели только наиболее релевантную информацию о макете и стилях.

Сокращение объёма контекста, передаваемого модели, повышает точность AI и делает ответы более релевантными.

Начало работы

Многие редакторы кода и другие AI-клиенты используют конфигурационный файл для управления MCP-серверами.

Сервер figma-developer-mcp настраивается путём добавления следующего блока в ваш конфигурационный файл.

ПРИМЕЧАНИЕ: Для использования этого сервера необходимо создать токен доступа Figma. Инструкция по созданию токена доступа к Figma API доступна здесь.

MacOS / Linux

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

Windows

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

Также можно задать FIGMA_API_KEY и PORT в поле env.

Если вам нужна дополнительная информация о настройке Framelink MCP для Figma, обратитесь к документации Framelink.

История звёзд

Подробнее

Framelink MCP для Figma прост, но мощен. Узнайте, как использовать его по максимуму, на сайте Framelink.