Связанные цвета в Figma
🎨 Как Lead Product дизайнер, я занимаюсь в том числе и формированием дизайн-системы. Пару лет назад Figma была хорошим инструментом для рисования интерфейсов, но очень плохо работала как инструмент для дизайн-системы. Не было переменных, максимум всё работало на стилях. Неплохо, но мало.
Постепенно Figma добавляла всё больше штук для организации дизайн-процессов. И вот мы дожили до связанных цветов.
Раньше приходилось прописывать HEX-код для каждого цвета. Это было лучше, чем вообще все цвета руками в макетах править, но для нормальной дизайн-системы это, конечно, было всё равно менее удобно.
Теперь можно задать брендовые цвета через Primay, Secondary и прочее. А для смежных вещей, типа подложки в гамме с основными цветами, можно выбрать этот же Primary и задать ему прозрачность.
То есть всё взаимосвязано стало, наконец - меняя брендинговые цвета ты меняешь сразу всё: подложки, кнопки, ссылки и так далее. Круто, блин!