Summary

Now that Figma has support for syncing design tokens to Github, we can start exploring that idea using colors as a practical use case.

Requirements

• Figure out naming scheme for the tokens. Explore if BEM is a good fit for that. This should cover top level aliases (eg. gp-green), variables (eg. color-background-hover) and component specific tokens (eg. covers-button-border-color).

Resources

• BEM Naming
• Figma Design Tokens