Install and setup @founfation-ui/core in your project.
@usefui/core
can be used to dynamically generate design tokens on build-time
or every time your library needs an update. use it with @usefui/components
.
Your can use usefui.dev's Token Engine to generate new design token libraries whenever you need.
@usefui/core
comes with a set of methods built to generate a stuctured
Design Tokens based on a few parameters. Each design token come with a
key-value and a set of annotations that you can use in your application.
A specific a set of ratio is used to generate FontSizes/Measurement Design Tokens. It is based on this documentation from Scott Kellum and Tim Brown.