r_m_r Tsk Figma tokens demo

Description

This repo demonstrates how does compiling tokens from .json files to .css or .scss

Design

Figma tokens explanation

Figma tokens determine

Tokens repo

https://github.com/arturuxui/rmr_tokens

Main deps

Roadmap

Write script for get tokens from remote repository
Parse json tokens to css/scss
Markup example page for demonstrate changes into tokens
Setup Token transformer for correct parsing arrays
Make this repo auto update. Write git hook for figma tokens auto deploy when changes is available

Quick start

Install all dependencies using yarn or npm install
Start the development server using yarn dev or npm run dev
Open up http://localhost:3000

How to get tokens

Run script for get and parse tokens using yarn get-tokens or npm run get-tokens
Open src/assets/tokens folder
Profit!

License

Copyright (c) 2023, Shell Vladislav