Как не надо строить палитру для дизайн-системы
Много допускал ошибок при проектировании дизайн-систем, компонентов, но больше всего отмечу, когда работал с цветами в дизайн-системе.
- Когда создавал примитивы, то создал две группы light и dark. Внутри были разбиты на цвета, но при этом с разным количеством шагов, оттенками, где-то были полупрозрачные оттенки, а где-то отсутствовали.
- Нейминг. Когда группа, в группе, а потом эта группа в группе + нейминг цвета некороткое, то в дальнейшем работать с переменными становится тяжело. Как можно меньше иерархии, короче имена. Всё остальное скидывайте в документацию. Не делайте длинные/название/ваших/цветов/Blue.
- Scope. Недооценка этого параметра в Figma, снижает поиск и нахождение нужной переменной. Пользуйтесь. Особенно когда переменных много.
Зафиксировал, теперь стало чуть легче и разгрузил тяжесть за свой опыт.