Как не надо строить палитру для дизайн-системы

Много допускал ошибок при проектировании дизайн-систем, компонентов, но больше всего отмечу, когда работал с цветами в дизайн-системе.

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

Зафиксировал, теперь стало чуть легче и разгрузил тяжесть за свой опыт.

·
#ошибки#дизайн-система