Note: This website was built off of a fork of the designtokens website which I also work on -- will update all the docs later!
Work in progress - public contributions aren't accepted for the moment.
-
Clone this repository
-
In a terminal,
cdinto this directory -
Install
nvm, and run this command to ensure your local environment is running the correct version of Node.js:nvm install
To run the website locally:
- Run
yarn install(if the install fails, runrm -rf node_modulesand try again) - Run
yarn develop
Run yarn storybook to preview stories in a browser.
Design tokens are located in the packages/design-tokens directory.
- Make changes to files in
packages/design-tokens/tokens - Run
yarn workspace @dtcg/design-tokens build
Changes to master are automatically deployed to https://www.designtokens.org.
Pages can be created and edited using JavaScript, JSX, and MDX.
Configuration: https://www.gatsbyjs.org/packages/gatsby-plugin-mdx/#configuration
Using VS Code is recommended.
To benefit from the best linting and on-save formatting experience, install the recommended extensions for the workspace, which are available as show below:
