DesignSystemAudit
Плагин Figma, который сверяет файл с его собственной дизайн-системой и показывает, что именно разъехалось.
Дизайн-системы не ломаются громко. Они гниют: тут hex, набранный руками, там зазор 13px, заголовок почти правильного размера. Через полгода никто не скажет, какие значения канон. Плагин читает переменные и стили самого файла и докладывает о каждом элементе, который с ними расходится.
- Год
- 2026
- Роль
- Дизайн и разработка
- Тип
- Плагин Figma, бесплатный, без лимитов
- Работает
- Оффлайн, ничего не покидает файл
Проблема
У каждой команды есть дизайн-система и нет способа её соблюдать. Ревью глазами не масштабируется дальше пары фреймов, а нарушения, которые важны, - ровно те, что слишком малы, чтобы их заметить: цвет, отличающийся на четыре значения, шаг отступа, которого нет в шкале, межстрочный, прибитый пикселями, который сломается при следующей смене кегля.
Чтоясделал
Файл - сам себе источник истины
Ни конфига, ни библиотеки, на которую надо указать. Плагин берёт переменные и стили, уже определённые в документе, как систему, обходит всё под выбранным фреймом и пропускает то, что уже привязано к переменной. Он работает с первого запуска, на файле, который видит впервые, без какой-либо настройки.
Три вопроса каждому слою
Цвет - у заливок, обводок и текста. Отступы - у паддингов и зазоров в автолейауте. Типографика - у кегля и межстрочного, заданного пикселями, а не долей. Каждая категория фильтруется отдельно, потому что человек, чинящий цвета, обычно не чинит отступы тем же проходом.
Серьёзность, которая говорит, что делать
Error значит, что значению не к чему привязаться в файле, решать человеку. Warning значит, что рядом есть сосед достаточно близкий, чтобы это было задумано им. Info значит, что значение легально и просто пока без имени. Цвет точки - не настроение, а ответ на вопрос, можно ли починить это без вас.
Фикс пишет привязку, а не число
Автофикс не вставляет hex, в который переменная разворачивается сегодня. Он привязывает слой к переменной, так что при следующей смене системы слой изменится вместе с ней. Значение, которое просто совпадает, - значение, которое разъедется снова в момент правки токена.
Одна находка - это все слои с ней
Находка - это значение, а не слой, и она несёт каждый узел с этим значением. Карточка говорит, сколько их, до того, как вы её тронете, один клик чинит все, а Mass Fix делает это для каждой находки, которой есть к чему привязаться. То, на что ответа нет, остаётся на экране, потому что отчёт, доходящий до нуля прятанием сложного, хуже отсутствия отчёта.
Клик по находке - и вы на слое
Клик по карточке выбирает слой в Figma и приводит его в вид, где бы в файле он ни был. Путь лежит на выделении, так что понятно, в какой фрейм вы приземлились. Список проблем, которые потом надо искать самому, - вторая работа, а не фикс.
Сетка измерена, а не предположена
Прежде чем назвать что-то выпавшим из сетки, плагин смотрит на отступы, которыми файл реально пользуется. Если больше семи значений из десяти сидят на восьмёрке, шаг - восемь. Если нет, тот же вопрос задаётся о четвёрке. Только после этого что-то становится находкой, с ближайшим легальным шагом в придачу. Восемь пикселей - конвенция, и файлу, который на неё не соглашался, не следует говорить, что он неправ.
Комплект компонентов, нарисованный под 400 пикселей
Панель - 400 на 600, внутри чужого приложения, рядом с файлом, ради которого человек пришёл. Там не выживает ничего ненесущего: четыре состояния серьёзности, один блок счётчиков, четыре фильтра, одна карточка, две кнопки и ни одной тени. У неё своя маленькая система, потому что компонент, собранный для страницы, на этой ширине - неправильная форма.
Подкапотом
Ничего не покидает файл
Манифест не объявляет ни одного разрешённого домена, значит нет ни аплоада, ни аккаунта, ни телеметрии, и нечего раскрывать на security-ревью. Всё работает в песочнице плагина против локального документа. Это же делает его пригодным внутри компаний, которые никогда не согласуют облачный инструмент.
Похожее и кастомное - один вопрос с порогом
Каждый используемый цвет сравнивается с каждой цветовой переменной расстоянием в RGB. Внутри порога это промах рядом, и переменная предлагается; снаружи ближайшая всё равно называется, но находка - error, потому что на такой дистанции плагин гадает, а человек нет.
Об уже правильном не говорится
Заливки и обводки, уже привязанные к переменной, пропускаются до всякого сравнения. Линтер, перечисляющий сделанную работу, - линтер, который закрывают, а счётчик наверху значит что-то, только если всё в нём - настоящая разница.
Бесплатно, и ничего не придержано
Аудиты без лимита, фиксы без лимита, Mass Fix включён, без аккаунта и регистрации. Инструмент, который показывает все проблемы файла и берёт деньги за их починку, выбрал единственный момент, где на него можно надавить, и ответ на это - не пейволл получше.