code.ts

if (figma.currentPage.selection.length <= 0){
  figma.closePlugin('Please select a Rectanle, Ellipse, or Polygon before running this plugin')
}

let addedCounter = 0
let ref = []
let selection = figma.currentPage.selection

selection.forEach(c => {
  ref.push(c)
})

ref.sort(function (a, b) {
  return a.name.localeCompare(b.name, undefined, { numeric: true, sensitivity: 'base' });
});
// TODO: turn this into an dropdown option
// ref.reverse()

ref.forEach((layer:any) => {

  // fills
  if (layer.fills.length > 0) {
    let colors = []
    let newStyle = figma.createPaintStyle()

    // only create description for single layer color fills
    if (layer.fills.length == 1) {
      // skip description for gradients
      if(layer.fills[0].type == 'GRADIENT_ANGULAR' || layer.fills[0].type == 'GRADIENT_DIAMOND' || layer.fills[0].type == 'GRADIENT_LINEAR' || layer.fills[0].type == 'GRADIENT_RADIAL'){
        console.log('skipping gradients')
      } else {
        newStyle.description = findTheHEX(layer.fills[0].color.r, layer.fills[0].color.g, layer.fills[0].color.b).toUpperCase()
      }
    }

    newStyle.name = layer.name
    layer.fills.forEach(item => {
      colors.push(item)
    });
    newStyle.paints = colors
    layer.fillStyleId = newStyle.id

    console.log(`+Added: ${newStyle.name}`)

    colors.length = 0
    addedCounter++
  }

  // strokes
  if (layer.strokes.length > 0) {
    console.log(layer)
    let strokes = []
    let newStyle = figma.createPaintStyle()
    newStyle.name = layer.name
    layer.strokes.forEach(item => {
      strokes.push(item)
    });
    newStyle.paints = strokes
    layer.strokeStyleId = newStyle.id

    strokes.length = 0
    addedCounter++
  }
});

figma.currentPage.selection = []

figma.closePlugin(`🎉 ${addedCounter} styles added!`)

function findTheHEX(red:any, green:any, blue:any) {
  var redHEX = rgbToHex(red)
  var greenHEX = rgbToHex(green)
  var blueHEX = rgbToHex(blue)

  return redHEX + greenHEX + blueHEX
}

function rgbToHex(rgb:any) {
  rgb = Math.floor(rgb * 255)
  var hex = Number(rgb).toString(16)
  if (hex.length < 2) {
    hex = '0' + hex
  }
  return hex
}