Figma MCP Server

MIT License
14,596
6,386
  • Linux
  • Apple

Integrations

  • Enables Windsurf (a Codeium product) to connect to Figma design data through the MCP server for AI-powered code generation.

  • Provides access to Figma design data via the Figma API, allowing AI-powered coding tools to retrieve file metadata, node information, and design elements for code generation.

Предоставьте 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
        • -
          security
          F
          license
          -
          quality
          Enables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.
          Last updated -
          TypeScript
        • -
          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
        • -
          security
          A
          license
          -
          quality
          Gives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.
          Last updated -
          14,596
          TypeScript
          MIT License

        View all related MCP servers

        ID: kcftotr525