Framelink Figma MCP Server
Предоставляет AI-агентам доступ к данным Figma для точной реализации UI-дизайнов в коде.
Описание
Это сервер Model Context Protocol (MCP) для интеграции Figma с AI-инструментами вроде Cursor. Он использует Figma API, упрощая метаданные о layout и стилях, чтобы AI мог генерировать код ‘в один проход’ без скриншотов. Ключевые особенности: фильтрация релевантной информации, поддержка ссылок на файлы/фреймы, совместимость с Node.js (npx). Применения: автоматизация верстки UI в любых фреймворках, ускорение разработки для дизайнеров и разработчиков.
Возможности
Доступ к Figma данным
Получение метаданных о файлах, фреймах или группах через ссылки для AI-агентов.
Упрощение API-ответов
Фильтрация и перевод данных Figma в релевантную информацию о layout и стилях для повышения точности AI.
Интеграция с Cursor
Поддержка чат-режима в IDE для генерации кода на основе Figma без скриншотов.
Конфигурация MCP
Настройка через JSON в редакторах, совместимость с Node.js и npx для запуска сервера.
Установка
MacOS / Linux
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
Windows
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "cmd",
"args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
Требуется Figma access token (создать по ссылке: https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens). Альтернатива: установить FIGMA_API_KEY и PORT в env.