Привет! На связи команда Consta, и мы к вам с новостями.
Темизация и цветовые токены
Мы готовимся к масштабному обновлению механик работы с темами — как в дизайне, так и в коде.
Что изменится:
• Откажемся от расчёта оттенков цветов через PostCSS в переменных компонентов.
• Вместо этого введём Color Ramps — цветовые шкалы, построенные на базе базовых цветов. Оттенки из Color Ramps будут использоваться внутри компонентов.
• Для удобства кастомизации тем разработаем инструмент генерации Color Ramps, чтобы вы могли создавать их самостоятельно.
• Расширим набор цветовых переменных и статусных цветов для более гибкой работы с состояниями компонентов.
• Обеспечим полную связку дизайна и кода — все цветовые и другие переменные будут синхронизированы.
Плавный переход
Для комфортного перехода текущие значения переменных перенесём в Figma Variables вместо старых стилей.
Со следующей среды начнём публиковать группы компонентов, уже переведённых на переменные.
Этот шаг — промежуточный этап перед полным обновлением тем. Пока в Figma Variables мы выносим только цвета, но скоро добавим шрифты, отступы и другие параметры для полной синхронизации с кодом.
Кроме того, мы разработали плагин, который позволит быстро заменять стили на переменные в существующих компонентах — это упростит перевод ваших кастомных компонентов на новые цветовые переменные.
Consta в Pixso
В связи с выходом Pixso 2.0 готовим запуск Consta UI-Kit в этом инструменте на базе переменных. Ожидайте публикацию уже на этой неделе!
Стэй тунед!