Parsers

Parsers are functions allowing you to transform design tokens and assets coming from Specify to fit your needs and company standards.

Not familiar with parsers? Head over to the existing parsers documentation and learn more about why you need them and how to use them.
We're currently working on making our existing parsers compatible with the SDTF. We'll update this page accordingly.
General properties
You must set a name and your desired output for each parser:
1.The name is the name of the parser
2.The output property is composed of a type and a filePath or a directoryPath.
Example with the to-css-custom-properties parser:
"parsers": [
  {
    "name": "to-css-custom-properties",
    "output": {
      "type": "file",
      "filePath": "style.css"
    }
  }
  // ...
]
Available parsers
​
Parser
Description
Usage example
​to-sdtf​
This parser helps you get your design tokens as a SDTF graph in JSON.
​Example​
​to-css-custom-properties​
This parser helps you transform design tokens in CSS Custom Properties.
​Example​
​to-style-dictionary​
This parser helps you generate Style Dictionary raw token files for all your design tokens coming from Specify.
​Example​

Parser	Description	Usage example
to-sdtf	This parser helps you get your design tokens as a SDTF graph in JSON.	Example
to-css-custom-properties	This parser helps you transform design tokens in CSS Custom Properties.	Example
to-style-dictionary	This parser helps you generate Style Dictionary raw token files for all your design tokens coming from Specify.	Example

SDTF - beta - Previous

CLI & Config

to-sdtf

Last modified 7d ago