Octana Design System
Getting Started
1. Figma Tokens
Download Figma Tokens
To learn more about how to use the Figma Tokens Plugin watch the following videos:
How design tokens can make us better collaborators - Jan Six (Config 2022)
Additional reference:
2. Octana Design System
Duplicate the Octana design system from the community page
After duplicating the file from the community into your Personal or Team space, there are a few different ways of working:
Design within the Octana ui kit file
Copy and paste desired components and styles into your existing design system file
Use the Octana ui kit file as a library and link your project files to gain access to components and styles
3. Octana JSON Values
Download the JSON file from Octana.io
To populate Figma Tokens with the Octana token system:
Copy and paste all of the contents of the JSON file into the JSON section section of the plug-in (represented by the curly brackets icon).
It is highly recommended to manage the storage of your tokens data with some form of version control.
To learn more about Figma Tokens and version control refer to the documentation here