Ruter Design System - Design Tokens
Design tokens are the most atomic building blocks of a design system. They are named entities that store visual design attributes in key-value pairs.
What is this repository for?
This repository contains common design tokens for Ruter Design System. They work as a single source of truth for design attributes in your code. Designers will find equivalent values in the Brand Assets library in Figma.
Design tokens are defined in .json files. This data is then transformed into a wide range of formats for different platforms (.sccs, .xml, etc.)
For RDS Developers
To build the tokens dictionary you can cd into this directory and run:
style-dictionary buildMake sure you have the style-dictionary module installed globally.
In config.json you will see the platforms defined. Each platform has a transformGroup, buildPath, and files. The buildPath and files of the platform should match up to the files what were built. The files built should look like these: