1.0.11 • Published 2 years ago

@napopravku/design-tokens v1.0.11

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

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
1.0.11

2 years ago

1.0.10

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.5

3 years ago

1.0.2

3 years ago