Framelink MCP for Figma
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту
- 16 097 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Использует токен Figma с доступом к вашим файлам
- Обращается к внешнему API
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/framelink-mcp-for-figmaОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Использует токен Figma с доступом к вашим файлам
- Обращается к внешнему API
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер получает данные файла, фрейма или группы через API Figma по ссылке, которую вы вставляете в чат агента. Перед передачей модели он отбрасывает лишнее и оставляет только сведения о раскладке и стилях. Меньший объем контекста помогает агенту точнее воспроизвести макет в коде на любом фреймворке. Сервер изначально сделан под Cursor, но подключается к любому клиенту с поддержкой MCP.
Для кого. Для фронтенд-разработчиков и дизайнеров, которые верстают интерфейсы по макетам Figma с помощью агента.
Подходит, если
- Нужно сверстать экран или компонент по ссылке на фрейм Figma
- Скриншоты дают неточные отступы и размеры
- Нет доступа к официальному Dev Mode MCP от Figma
Не подходит, если
- Нужно менять сами макеты в Figma, сервер только читает
- Дизайн хранится не в Figma
Пример запроса к агенту
Сверстай этот экран на React и Tailwind по макету: https://www.figma.com/design/...MCP
- Транспорт
- stdio
- Авторизация
- API-ключ
Переменные окружения
FIGMA_API_KEYобязательная, секрет- Персональный токен доступа Figma, можно передать и флагом --figma-api-key
PORT- Порт при запуске не в режиме stdio
Ограничения
Нужен персональный токен доступа Figma. Работа Figma и его API из России ограничена, возможны проблемы без VPN. Сервер отдает упрощенные данные, поэтому сложные эффекты и нестандартные слои могут потеряться.
Как отключить. Удалите запись Framelink MCP for Figma из конфигурации MCP клиента и отзовите токен в настройках Figma.
Частые вопросы
Где взять ключ?
Создайте персональный токен доступа в настройках аккаунта Figma, ссылка на инструкцию есть в README.
Можно ли не хранить ключ в аргументах?
Да, README разрешает передать FIGMA_API_KEY через поле env в конфигурации.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер, который дает агенту читать и менять макеты Figma: цвета, типографику, компоненты, экспорт
Официальный MCP-сервер Figma: код по выбранному фрейму, переменные и компоненты дизайн-системы, запись макетов прямо на холст
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
MCP-сервер сервиса F2C: по ссылке на узел Figma агент получает верстку на HTML, React или Tailwind и локальные картинки
Бесплатный двусторонний MCP-сервер для Figma: превращает дизайн в код с учетом фреймворка и возвращает код обратно на холст
Figma MCP Bridge
figma-mcp-bridge
Плагин для Figma Desktop и сервер MCP: агент читает токены, стили и компоненты без REST API Figma и его лимитов. Не от Figma, версия 0.0.x
Из блога
Коротко о README
README кратко объясняет сценарий: вставить ссылку на Figma в чат агента и попросить реализовать дизайн. Сервер упрощает ответ API Figma, чтобы модель получала только важное. Даны JSON-конфигурации для macOS, Linux и Windows через npx, подробности вынесены на сайт Framelink. Лицензия MIT.