Skip to main content
Glama

Figma MCP Server

MIT License
44,047
8,336
  • Linux
  • Apple

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

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

Демо

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

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

  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 .

Спонсоры

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

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

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

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

-
security - not tested
A
license - permissive license
-
quality - not tested

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

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

  1. Как это работает
    1. Начиная
      1. MacOS/Linux
      2. Окна
    2. История Звезды
      1. Узнать больше
        1. Спонсоры
          1. 🥇 Золотые спонсоры
          2. 🥈 Серебряные спонсоры
          3. 🥉 Бронзовые спонсоры
          4. 😻 Меньшие спонсоры

        Related MCP Servers

        • A
          security
          F
          license
          A
          quality
          Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
          Last updated -
          2
          106
          TypeScript
          • Apple
        • A
          security
          A
          license
          A
          quality
          An MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.
          Last updated -
          19
          2,514
          3,528
          JavaScript
          MIT License
          • Apple
          • Linux
        • -
          security
          A
          license
          -
          quality
          A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
          Last updated -
          124
          6
          TypeScript
          MIT License
          • Linux
          • Apple
        • A
          security
          F
          license
          A
          quality
          A tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.
          Last updated -
          1
          JavaScript

        View all related MCP servers

        MCP directory API

        We provide all the information about MCP servers via our MCP API.

        curl -X GET 'https://glama.ai/api/mcp/v1/servers/GLips/Figma-Context-MCP'

        If you have feedback or need assistance with the MCP directory API, please join our Discord server