Automatically transform Figma design tokens into css variables and create PR for frontend usage
This repo is supposed to be used together with the Design Tokens plugin for Figma. It transforms the exported design tokens using Amazon style dictionary.
To eliminate the synchronization gap between design and engineering, we adopt an automated approach to align parameters. Designers can push variable updates from Figma with a single click, and front-end developers can simply reference the converted variables.
- [Designer] Open figma file and export design tokens through plugin -
design tokens - [Github Workflow] Trigger transform token actions and create PR of variables
- [FrontEnd] Check Github Repo -
kg-css-variablesand maintain variables for frontend usage