design-token-transformer icon indicating copy to clipboard operation
design-token-transformer copied to clipboard

[Question]: Figma local variables

Open monkeycatdog opened this issue 9 months ago • 0 comments

Hey, I'm playing with your plugin and realised that there is no output for local variables from transformer. Do you have such support? Maybe I'm doing something wrong

JSON file from plugin:

  "color": {
    "u-p1": {
      "263238": {
        "description": "\"Black\"",
        "type": "color",
        "value": "#263238ff",
        "blendMode": "normal",
        "extensions": {
          "org.lukasoppermann.figmaDesignTokens": {
            "styleId": "S:8534522e8bed2ead25c21d3ac971217b6e92c40b,",
            "exportKey": "color"
          }
        }
      }
    }
  },
  "primitives": {
    "color": {
      "type": "color",
      "value": "#ffffff"
      "grayscale-01": {
        "type": "color",
        "value": "#fafafaff",
        "blendMode": "normal",
        "extensions": {
          "org.lukasoppermann.figmaDesignTokens": {
            "mode": "Mode 1",
            "collection": "Primitives",
            "scopes": ["ALL_SCOPES"],
            "variableId": "VariableID:15:146",
            "exportKey": "variables"
          }
        }
      },
      "type": "color",
      "value": "#ffffffff",
      "blendMode": "normal",
      "extensions": {
        "org.lukasoppermann.figmaDesignTokens": {
          "mode": "Mode 1",
          "collection": "Primitives",
          "scopes": ["ALL_SCOPES"],
          "variableId": "VariableID:2024:149",
          "exportKey": "variables"
        }
      }
    }
  }
}

Output from transformer:

:root {
  --color-u-p1-263238: rgb(38, 50, 56);
}

Plugin is great! Any help is welcomed. Thanks!

monkeycatdog avatar May 21 '24 15:05 monkeycatdog