13 replies

1. Zach Leatherman 3 min later

   I’m reading this excellent theme switcher blog post from @mxbck
   https://mxb.dev/blog/color-theme-switcher/

   …and I wondered if there was an open standard or tooling to generate tokens in said format.

   I know this community group exists for it! https://www.w3.org/community/design-tokens

   1. Tyler Sticka 15 hr later

      @zachleat We used Theo until we ran into some limitations (and noticed its inventors seemed to have moved on). We transitioned to Style Dictionary after that. Not perfect but pretty flexible.

2. Nathan Knowler 4 min later

   @zachleat my fingers

   1. Zach Leatherman 5 min later

      @knowler underrated

3. Noah Liebman 35 min later

   @zachleat iirc, for colors we did a one-time dump using Figma Tokens to seed it, and have been updating the data file as the source of truth (as opposed to Figma) since

4. Dave 🧱 47 min later

   @zachleat https://www.npmjs.com/package/theo

5. Matthias Ott 52 min later

   @zachleat Adobe at some point created a VS Code extension that takes an exported CC Library from Adobe XD and converts it into a “Design System Package” (DSP: https://github.com/AdobeXD/design-system-package-dsp) including design tokens as JSON. It even exports them into platform specific tokens via Style Dictionary (https://amzn.github.io/style-dictionary/). I demoed it in a few workshops for Adobe and really liked the approach. Unfortunately, it seems like development of the extension has been stopped. 😕

6. Andrew Douglass 1 hr later

   @zachleat build tools like Amazon’s Style Dictionary? Or something to generate the YAML files that something like style dictionary ingests?

   https://github.com/amzn/style-dictionary

   1. Zach Leatherman 2 hr later

      @ardouglass the former!

7. Mike-麥-Mai-v1.618 😎 2 hr later

   @zachleat Tokens Studio Figma Plugin, hook it up to a GitHub repo.

8. Manuel Matuzović 6 hr later

   @zachleat I was using @heydon's https://github.com/Heydon/design-tokens-cli for a while but eventually wrote my own because reasons, but his tool does the job really well.

9. Nicolas Hoizey 7 hr later

   @zachleat up to now, manually. Currently migrating to Token Studio in Figma.

   1. Arthur Rigaud 14 hr later

      @nhoizey @zachleat Token Studio (Pro) in Figma and in-house tool to generate a json