Обновил renk · palette — теперь он строит не только примитивы, но и слой семантики поверх них.

Примитивы — это ещё не дизайн-система. Матрица из двухсот ровных оттенков сама по себе ничего не значит, пока сверху не лёг слой смысла: какой цвет — это «фон», какой — «основной текст», какой — «опасное действие». Этот слой обычно собирают руками: заводят токен, привязывают к нужному примитиву, повторяют для светлой и тёмной темы. Десятки токенов в двух темах вручную. А при смене бренда всё это перетыкать заново.

Теперь это делает плагин. Новая вкладка Semantic генерит слой токенов, которые ссылаются на твои примитивы.

Токены по понятной модели — {domain}/{layer}/{category}/{intensity}/{state}, отдельно для интерфейса, графиков и продуктовых акцентов. Не плоская свалка, а структура, в которой видно, что за что отвечает.

Категория задаёт цвет, интенсивность — акцент. neutral, brand, success, warning, negative, system — а внутри каждой тона разложены ровно по рампе, с настройкой диапазона и кривой. Тот же принцип ровных шагов, что и в примитивах, только теперь на уровне смысла.

Светлая и тёмная тема сразу. Каждый токен алиасится на примитив в каждом режиме — тему не нужно собирать вторым проходом. (На free-плане Figma — один режим.)

Не хочешь думать с нуля — есть пресеты Minimal / Standard / Full. Хочешь по-своему — категории, слои, интенсивности и состояния редактируются руками.

Видно результат до создания. Живой превью обоих режимов; если для токена не нашлось примитива — подставится сырой цвет, перепривяжешь потом.

И та же одна кнопка — всё это Figma Variables. Новая коллекция или обновление существующей на месте, без дублей.

В итоге из одного плагина теперь собирается весь костяк: примитивы на OKLCH → семантика с тёмной темой сверху. То, на что у меня раньше уходило шесть файлов и ручное обновление.

Если тема близка — у меня есть курс по токенам цвета, как раз про то, как этот слой устроен.