Условный пример: у кнопки в Figma есть свойство Size со значениями Small, Medium и Large. В React та же кнопка принимает проп size с типом "sm" | "md" | "lg". Пока они не связаны, никто не скажет, совпадает ли большая кнопка в коде с большой кнопкой в макете.
Каждое свойство вариантов — это ось, и не каждая ось сводится к одному пропсу. Условный пример: ось State может сопоставляться по значениям — Disabled с булевым пропсом disabled, Hover с состоянием браузера.
Почему сопоставление решает исход сравнения
Сравнение точно ровно настолько, насколько точно сопоставление. Если Size из Figma указывает не на тот проп, каждое расхождение по этой оси — шум. Поэтому FISYCO отделяет вопрос сопоставления от расхождения. Вариант без известного соответствия не входит ни в сравнение, ни в оценку здоровья компонента. В шапке компонента тогда видно, сколько вариантов сверено, например «Сверено 6 из 8 вариантов».
Откуда FISYCO берёт сопоставление
В FISYCO у каждой сопоставленной оси указан один из трёх источников:
Предложение AI, которое проверить не удалось, остаётся подсказкой, а ось — открытой. Значения вроде Hover — состояния браузера, а не пропсы, их не сверяют. Пропсы кода, для которых в макете нет оси, показаны отдельно.
Смотрите также
- Компоненты: сравнение с макетом: как читать сопоставление и править его вручную.
- Здоровье компонента
- Класс изменения