Как автоматизировать использование дизайн токенов с помощью Stylelint и PostCSS

[@ReDev1L]

https://panda-css.com/

[@cherkalexander]

А там есть какой-то способ валидировать используются ли дизайн токены или значения захардкожены?

[@beDenz]

Вы токены в ручную заводите? Или тоже автоматизировали. Предстоит заниматься этим, как дизайнеры закончат с дизайн системой.

[@cherkalexander]

Мы добавляем вручную в наши *.less файлы. Но я видел примеры, где это можно делать прямо из фигмы. То есть дизайнеры могут добавить/изменить токен в фигме, а изменения отправятся в репозиторий.

Вот тут описываются такие подходы:

• Дизайн-система на токенах в Figma, коде и проде – Константин Подрубный, Wrike

• Design token automation from Figma to Storybook