lukasoppermann / design-tokens

🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
https://www.figma.com/community/plugin/888356646278934516/Design-Tokens
MIT License
964 stars 134 forks source link

Support for blend modes #192

Open mattpilott opened 2 years ago

mattpilott commented 2 years ago

Yo yo yo Lukas!

I really need support for blend modes on colours, is there anyway this can be added and appended as an additional key in the fill item?

Screenshot 2022-03-14 at 9 40 18 pm

Then could be like this in the json:

{
  "color": {
    "test": {
      "0": {
        "type": "color",
        "value": "#c4c4c4ff"
      },
      "1": {
        "type": "color",
        "value": "#00000033",
        "blendMode": "overlay"
      },
      "description": "",
      "extensions": {
        "org.lukasoppermann.figmaDesignTokens": {
          "styleId": "S:89d747408eae95621c7bbf946257c1462388e8d0,",
          "exportKey": "color"
        }
      }
    }
  }
}
mattpilott commented 2 years ago

https://github.com/lukasoppermann/design-tokens/pull/193

Started a PR