Figma MCP Server

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

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

Демо

Посмотрите демонстрацию создания пользовательского интерфейса в Cursor с использованием данных проектирования Figma

Related MCP server: Figma MCP Server

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

1. Откройте чат вашей IDE (например, режим агента в Cursor).

2. Вставьте ссылку на файл, фрейм или группу Figma.

3. Попросите Курсор что-нибудь сделать с файлом Figma, например, реализовать дизайн.

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

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

Уменьшение объема контекста, предоставляемого модели, помогает сделать ИИ более точным, а ответы — более релевантными.

Начиная

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

Сервер figma-developer-mcp можно настроить, добавив в файл конфигурации следующее.

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

MacOS/Linux

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

Окна

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

Или вы можете установить FIGMA_API_KEY и PORT в поле env .

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

История Звезды

Узнать больше

Сервер Framelink Figma MCP прост, но мощен. Получите от него максимум пользы, узнав больше на сайте Framelink .

Спонсоры

🥇 Золотые спонсоры

🥈 Серебряные спонсоры

🥉 Бронзовые спонсоры

😻 Меньшие спонсоры