Design System: Figma Tokens

[jnaito777]

Create and update Figma tokens for a robust design system that works with dev codebase.

Figma tokens or "Tokens Studio for Figma (Figma Tokens)" plugin on Figma, is a way to input different instances of providing context to every design decision that the design team makes which gets communicated to the dev team in an efficient and convenient way.

Input the following:

• [ ] Color
• [ ] Font family
• [ ] Font size
• [ ] Spacing
• [ ] Border radius
• [ ] Border
• [ ] Opacity
• [ ] Box shadow
• [ ] Typography
• [ ] Font weight
• [ ] Line Height
• [ ] Letter spacing
• [ ] Paragraph spacing
• [ ] Text case
• [ ] Text decoration
• [ ] Assets
• [ ] Dimension
• [ ] Boolean
• [ ] Buttons
• [ ] States
• [ ] Icons
• [ ] Images
• [ ] Other inputs

https://tokens.studio/

Creating basic documentation of when to use certain parts in the design system.

This is connecting to the other Design systems tickets.