MCP-сервер
Передать AI-редактору структуру выбранного фрейма Figma и изображения для реализации интерфейса в коде проекта.
Framelink получает данные Figma для AI-агента. Дайте ссылку на конкретный фрейм или группу: get_figma_data передаст её структуру. Вместе со ссылкой укажите используемые компоненты, стек и требования к поведению — этих решений в самом изображении макета может не быть.
Для простого подключения нужен Personal Access Token с чтением File content и Dev resources. Его можно передать через FIGMA_API_KEY. Поддерживается и готовый OAuth Bearer token через FIGMA_OAUTH_TOKEN; это не обещание автоматического OAuth-входа в любом MCP-клиенте.
Пакет figma-developer-mcp с флагом --stdio запускается дочерним процессом клиента. Документация содержит инструкции для Cursor, Claude Code и VS Code. download_figma_images сохраняет изображения внутри каталога --image-dir; если изображения не нужны, инструмент можно отключить через --skip-image-downloads.
Большой файл может перегрузить контекст даже после сокращения данных. Начните с одной секции; дайте понятные имена фреймам и используйте auto layout. В рекомендациях автора отмечены ограничения плавающих и абсолютно позиционированных элементов. Готовый интерфейс всё равно нужно сверить с макетом на нужных размерах экрана.
Для разовой визуальной задачи может хватить скриншота с размерами и пояснениями. Framelink полезен, когда агенту нужна структура дизайна и связанные изображения. Он помогает передать контекст для реализации; работающий интерфейс, адаптивность и сценарии взаимодействия остаются результатом разработки и проверки.