Figma Variable to Code

About this plugin

This plugin was created to keep Figma variables in sync with variables in the codebase.

For example, you can quickly generate a sass variable for each of the color variables in your Figma file. This ensures your variables in the codebase have the same value and name as the variables in the Figma file.

1. Load the variable collections
2. Choose the collection you want to generate variables for
3. Paste the format you want variable data to be generated in, and replace static content with the dynamic keys in the formatting list
4. Click generate
5. Copy the generated variables and put them in the appropriate file in your codebase

Note: If a collection contains groups of variables, each variable from each group is treated as its own unique variable.