scottgruber / design-system-google-sheets

Design tokens (demo project)

• Managed with Google Spreadsheets (see source)
• Generated by Theo, using google-spreadsheets-theo
• Published to npm as design-tokens-test

Quick start

1. Create a new repository from google-spreadsheets-theo-demo (or click the “Use this template” button on GitHub)

2. Clone the repository and install the dependencies:

   git clone https://github.com/<your-github-username>/google-spreadsheets-theo-demo.git
   cd google-spreadsheets-theo-demo
   yarn
   

3. Edit tokens in the spreadsheet

4. Run yarn build-tokens

This should appear:

yarn build-tokens
yarn run v1.12.3
$ yarn clean
$ rimraf tokens
$ node ./build-tokens.js
✔ Design tokens written to ./tokens/colors.scss
✔ Design tokens written to ./tokens/colors.common.js
✔ Design tokens written to ./tokens/colors.android.xml
✔ Design tokens written to ./tokens/colors.ios.json
✔ Design tokens written to ./tokens/spacing.scss
✔ Design tokens written to ./tokens/spacing.common.js
✔ Design tokens written to ./tokens/spacing.android.xml
✔ Design tokens written to ./tokens/spacing.ios.json
✨  Done in 2.29s.

The design tokens in ./tokens/ should be updated.