Install style-dictionary

.gitignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -34,9 +34,18 @@ Repositories can import the latest CSS variables to ensure UI components are sty
 #### App.tsx
 
 ```text
-    import 'figmatokenspublic/build/css/_variables.css';
+import 'figmatokenspublic/build/css/_variables.css';
 ```
 
+## Initial Setup
+
+- Clone repo locally
+- Run npm install
+- Install style-dictionary globally: `npm install -g style-dictionary`
+- Generate the styled dictionary setup: `style-dictionary init basic`
+- Delete build and tokens folders
+- Replace content of config.json with the one from here: https://amzn.github.io/style-dictionary/#/config (remove android part and replace scss with css)
+
 ## Contributing
 
 Changes to design tokens should be made in the Figma file. This repository is for distribution purposes only and does not accept direct modifications to the design tokens.

config.json

@@ -0,0 +1,15 @@
+{
+  "source": ["tokens/**/*.json"],
+  "platforms": {
+    "scss": {
+      "transformGroup": "css",
+      "buildPath": "build/css/",
+      "files": [
+        {
+          "destination": "_variables.css",
+          "format": "css/variables"
+        }
+      ]
+    }
+  }
+}