Tailwind CSS Helper (Figma Plugin)

if you have any questions about it, please leave it in issues.

Motivation

I want to skip the copy and paste process when I update the text and color styles in tailwind.config.js .

Json Output Example

{
    "colorStyles": {
        "Blue": "#2c7dfa",
        "BlueShade": "#3685ff",
        "DarkNavy": "#1f314f",
        "Grey": "#7d889e",
        "LightGrey": "#d5e1ef",
        "White": "#ffffff"
    },
    "fontStyles": {
        "Heading": "font-Outfit font-[700] text-[22px] leading-[27px] tracking-[0px] ",
        "Body": "font-Outfit font-[400] text-[15px] tracking-[0px] "
    }
}

How?

1. Open tailwind css helper
2. Click the export button.