Skip to main content
Glama

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

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

Демо

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

Посмотрите видео

Related MCP server: Talk to Figma MCP

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

  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

Latest Blog Posts

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