A simple algorithm to catch all figma libraries colors

catch-figma-colors.js

const exportedColors = [{}];
const colorsTitle = document.querySelectorAll(
  "div.raw_components--modalPanel--NX71G.variable_picker_ui--modalPanel--X0bjl > div > div > div > div"
);

Array.from(colorsTitle).map((el) => {
  const color = el.textContent;

  if (!color) return;

  const firstLetter = color?.charAt(0);
  const firstLetterIsUpperCase = firstLetter === firstLetter.toUpperCase();

  if (firstLetterIsUpperCase) {
    exportedColors.push({
      [color.toLowerCase()]: {},
    });
  } else {
    const splittedColors = color.split("-");
    const colorName = splittedColors[0].toLowerCase();
    const colorType = splittedColors[1].toLowerCase();
    const hexColor = el.parentElement
      ?.querySelector("svg > circle")
      ?.getAttribute("fill");

    const hex = exportedColors[colorName];
    if (!hex) {
      exportedColors[colorName] = {};
    }

    exportedColors[colorName][colorType] = hexColor;
  }
});

copy(exportedColors)
console.log(exportedColors);