f232ae1e44
This script converts Figma's Tokens Studio JSON exports to Cunningham compatible format. This is just intended to be used by core devs.
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
/**
|
|
* This util script is used to convert Figma's Token Studio JSON color config to TS file.
|
|
*
|
|
* CLI usage example:
|
|
* $ yarn figma-to-cunningham dark.json
|
|
*/
|
|
import fs from "fs";
|
|
import path from "path";
|
|
|
|
const filePath = process.argv[2];
|
|
const data = fs.readFileSync(filePath);
|
|
const json = JSON.parse(data.toString());
|
|
const output: any = {};
|
|
|
|
Object.keys(json).forEach((color) => {
|
|
console.log("Parsing color:", color);
|
|
Object.keys(json[color]).forEach((colorVariation) => {
|
|
const colorName = color === "Succes" ? "success" : color.toLowerCase();
|
|
output[colorName + "-" + colorVariation] =
|
|
json[color][colorVariation].value;
|
|
});
|
|
});
|
|
console.log("Output:", output);
|
|
const content = `/**
|
|
* /!\\ Please do not edit this file directly. Instead use the FigmaToCunningham.ts converter that generated this file.
|
|
*/
|
|
export const colors = ${JSON.stringify(output)}
|
|
`;
|
|
|
|
const fileName = path.parse(filePath).name;
|
|
const outputPath = `./src/bin/ThemeColors/${fileName}.ts`;
|
|
fs.writeFileSync(outputPath, content);
|
|
console.log("Successfuly written to", outputPath);
|