@napopravku/design-tokens
v1.0.11
Published
Данный репозиторий содержит настройки (tokens) дизайн системы. Токены вытаскиваются напрямую из Figma проекта Napopravku и могут быть использованы для построения интерфейсов и UI kit
Downloads
821
Keywords
Readme
Introduction
Данный репозиторий содержит настройки (tokens) дизайн системы. Токены вытаскиваются напрямую из Figma проекта Napopravku и могут быть использованы для построения интерфейсов и UI kit
Install
npm i @napopravku/design-tokens
Usage
@import '~@napopravku/design-tokens/tokens/variables';
.my-class {
color: $oragne-700;
}
Contribution
Для обновления токенов из фигмы используется пакет figma-export
, который умеет парсить файл Figma.
Update tokens
Первым делом необходимо установить Figma token для доступа к проектной Figma
cp .env.example .env
Далее генерируем токен на сайте Figma и добавлем токен в файл .env и запускаем экспорт:
npm run figma:export
На основе экспорта можно создать токены
npm run figma:export