N
NEXILEAI Studio
// CASE STUDY #03•AI AGENTS TOOLING & MCP•OPEN SOURCE (MIT)
Логотип Figma MCP CompactFigma MCP Compact • версия 0.1.1 • MIT

Figma MCP Compact: дизайн для ИИ-агентов на 94% дешевле по токенам

Открытый инструмент NEXILE AI Studio: Claude Code, Cursor и Claude Desktop получают дизайн из Figma в компактном построчном формате вместо десятков тысяч токенов сырого JSON. Плагин для Figma и локальный MCP-сервер на Spring AI.

Vibe CodingTypeScriptFigma Plugin APIJava 25Spring Boot / Spring AI (MCP)WebSocketDockerGitHub Actions
Ключевые результаты01 / METRICS
−94%
Токенов относительно сырого JSON Figma: 55 708 → 3 188 на реальном файле
6 инструментов
От самых дешёвых к самым дорогим: агент запрашивает ровно то, что нужно
1,5–1,9%
Расхождение пикселей у экранов, собранных только по данным плагина, с макетом Figma
Read-only
Плагин не меняет документ, всё работает локально, данные не уходят на серверы
// ЗАДАЧА

Чтобы ИИ-агент реализовал интерфейс по макету, ему обычно отдают сырой JSON Figma: десятки тысяч токенов на один экран, большая часть — шум. Мы сделали инструмент, который отвечает на вопросы агента самым дешёвым способом и не теряет данных, нужных для вёрстки: авто-раскладку, цвета со стилями, типографику, тени и переопределения экземпляров компонентов.

// HOW IT WORKS

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

Figma MCP Compact: на 94% меньше токенов, чем сырой JSON Figma
01. Результат

Измеренная экономия токенов

Для двух фреймов Material Design 55 708 токенов сырого JSON превратились в 3 188 токенов компактного формата — вместе с деревом слоёв, текстами и детальным осмотром узлов.

Схема работы: ИИ-агент, локальный мост и плагин Figma
02. Архитектура

Агент → локальный мост → плагин

ИИ-инструмент сам запускает локальный MCP-сервер, плагин в Figma подключается к нему по WebSocket. Ничего не покидает компьютер пользователя.

Шесть инструментов плагина с типичной стоимостью в токенах
03. Инструменты

Шесть инструментов, от дешёвых к дорогим

Выделение, дерево слоёв, тексты, стили, детальный осмотр узла и скриншот как последнее средство: у каждого — типичная стоимость в токенах.

// ENGINEERING PRINCIPLES

Инженерные решения

Экономия токенов по построению

Построчный компактный формат вместо JSON, настраиваемая глубина, необязательные поля только по запросу. Каждое новое поле стоит токенов в каждом вызове, поэтому добавляется как опция.

Компактный DSL • бенчмарк в плагине

Безопасность данных и агента

Только чтение, сеть только на localhost, проверка Host и Origin у каждой точки входа. Названия слоёв и тексты из Figma считаются недоверенными данными: сервер прямо предписывает модели не исполнять их как инструкции.

Защита от prompt injection

Проверяемое качество

Модульные тесты плагина и моста, сквозной e2e-тест с реальным мостом, эмулятором плагина и MCP-клиентом, CI на каждый push. Сравнение с макетом пиксель в пиксель.

Unit • e2e • CI

Простая установка и релизы

Мультиархитектурный Docker-образ (amd64, arm64) в реестре ghcr.io, JAR без Docker, архив плагина с контрольными суммами. Релиз собирает и публикует CI по тегу.

GitHub Actions • ghcr.io
// WHAT WE DELIVER

Что мы умеем делать на таком проекте

MCP-серверы и интеграции

Подключаем ИИ-агентов к вашим системам и данным через Model Context Protocol: инструменты, контракты, безопасность.

Плагины и расширения

Плагины для дизайн-инструментов: работа в ограниченных песочницах, взаимодействие с локальными сервисами, защита от недоверенных данных.

Выпуск в open source и в продакшн

Документация, тесты, CI, релизы и контейнерные образы: продукт, который можно поставить за пару минут.

// НУЖЕН MCP-СЕРВЕР ИЛИ ИНТЕГРАЦИЯ ИИ-АГЕНТОВ?

Расскажите, какие системы должен видеть ваш ИИ-агент

Оставьте вводные данные: какие инструменты и данные нужно подключить, в какой среде работает команда. Мы свяжемся с вами в течение 24 часов и предложим схему интеграции.

NDA до начала обсуждения деталей
Исходный код проекта открыт, примеры можно посмотреть на GitHub
Прямой контакт: architect@nexile.ru