Function processCollection

variables-import-export/code.js:136–164

({ name, modes, variableIds })

}

async function processCollection({ name, modes, variableIds }) {
  const files = [];
  for (const mode of modes) {
    const file = { fileName: `${name}.${mode.name}.tokens.json`, body: {} };
    for (const variableId of variableIds) {
      const { name, resolvedType, valuesByMode } =
        await figma.variables.getVariableByIdAsync(variableId);
      const value = valuesByMode[mode.modeId];
      if (value !== undefined && ["COLOR", "FLOAT"].includes(resolvedType)) {
        let obj = file.body;
        name.split("/").forEach((groupName) => {
          obj[groupName] = obj[groupName] || {};
          obj = obj[groupName];
        });
        obj.$type = resolvedType === "COLOR" ? "color" : "number";
        if (value.type === "VARIABLE_ALIAS") {
          const currentVar = await figma.variables.getVariableByIdAsync(
            value.id
          );
          obj.$value = `{${currentVar.name.replace(/\//g, ".")}}`;
        } else {
          obj.$value = resolvedType === "COLOR" ? rgbToHex(value) : value;
        }
      }
    }
    files.push(file);
  }
  return files;
}

figma.ui.onmessage = async (e) => {
  console.log("code received message", e);