Tailwind

This template helps you generate your design tokens as a Tailwind theme.

This example uses the following parser:

• to-tailwind to generate your design tokens as a Tailwind theme

config.json (CLI)

If you use the CLI, you need to fill three properties:

• repository is @organization/repository

• personalAccessToken which you can generate in your account settings

• rules are where you provide parsers and compatible options

{
  "version": "2",
  "repository": "@organization/repository",
  // Only use the personalAccessToken when working with the CLI
  "personalAccessToken": "<your-personal-access-token>",
  "rules": [
    {
      "name": "Generate tokens as a Tailwind theme",
      "parsers": [
        {
          "name": "to-tailwind",
          "output": {
            "type": "file",
            "filePath": "theme.js"
          }
        }
      ]
    }
  ]
}

config.json (GitHub)

If you use the GitHub, you need to fill two properties:

• repository is @organization/repository

• rules lets you transform tokens by chaining parsers

Make sure you have connected your GitHub account with your Specify account. Head toward this article to learn more.

{
  "version": "2",
  "repository": "@organization/repository",
  "rules": [
    {
      "name": "Generate tokens as a Tailwind theme",
      "parsers": [
        {
          "name": "to-tailwind",
          "output": {
            "type": "file",
            "filePath": "theme.js"
          }
        }
      ]
    }
  ]
}