.template-designtokensrc.json

{
    "figmaApiKey": "",
    "figmaProjectId": "",
    "outputDir": "design-tokens",
    "figmaPages": {
        "Colors": ["Colors"],
        "Other Page": ["Gradients"],
        "Design Tokens": ["Typography", "Shadows", "Borders", "Breakpoints"],
        "Spacings": ["Spacings"]
    },
    "figmaThemes": ["dark"],
    "styleDictionary": {
        "source": ["design-tokens/**/*.json"],
        "platforms": {
            "css": {
                "transformGroup": "css",
                "buildPath": "design-tokens/tokens/",
                "files": [
                    {
                        "destination": "variables.css",
                        "format": "css/variables"
                    },
                    {
                        "destination": "variables-themes.css",
                        "format": "css/variables-themes"
                    }
                ]
            },
            "javascript": {
                "transformGroup": "js",
                "buildPath": "design-tokens/tokens/js/",
                "files": [
                    {
                        "destination": "variables.ts",
                        "format": "javascript/es6"
                    }
                ]
            }
        }
    }
}