luubinhan / hive-design-tokens

This repository contains design tokens generated using Figma Tokens plugin from Hive design file.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hive design system tokens

Hive is a design system created for SinchSMB and child products. This repository contains design tokens generated using Figma Tokens plugin from Hive design file.

Usage

Instal dependencies npm i first

Automatic theme generation

Run npm start to generate files for the following themes:

  • simpleTextingTheme.json
  • messageMediaTheme.json
  • sinchSmbTheme.json

Replace theme files in the library

If the hive-design-tokens an ui-kit repositories are stored in the same folder, then just run npm run move command to copy theme files to the proper directory. Alternatively you can move theme files to the ui-kit repository manually.

Manual theme generation

If you want use custom parameters to generate theme files follow the readme of MkTheme tool

About

This repository contains design tokens generated using Figma Tokens plugin from Hive design file.