Octana Design System

 

Fine tuning

Unless you are end-to-end with your tokens and if this is purely for design in Figma you can optionally dive into the component level of tokens and change their context values to customise the library. Any changes made at the component level will affect the way in which all of your themes are applied to components.

You can change/add colour context tokens for specific components to further customise the UI.

Example: If you wanted to add an icon to your buttons, you would need to add the component token for the icon and apply the needed context token to that component token.

You can change the font context tokens for text styles like H1-H6, body, display body etc. The same goes for radius style tokens.

Fine tuning