Style Dictionary vs Cobalt for Design Tokens

Kaelig Deloumeau-Prigent, Engineer @ Netlify, and Drew Powers, Designer & Developer, discuss the merits of Amazon's Style Dictionary and Cobalt, two design token translation tools in the context of Netlify's design token library.
Links:
- Drew's Website, pow.rs
- Drew on Mastodon, @[e-mail]
- Drew on GitHub, github.com/drwpow
- Kaelig's website, www.kaelig.fr/
- Kaelig's GitHub, github.com/kaelig
- Kaelig on Twitter, / kaelig
- Kaelig on Mastodon, @[e-mail]
- Design Tokens Community Group, www.designtokens.org
- Style Dictionary, amzn.github.io/style-dictionary
- Cobalt, cobalt-ui.pages.dev/
- Netlify Design Tokens, netlify-design-tokens.netlify...
Places to follow Nick:
Website 🌐 nickyt.co
Twitch 🎬 / nickytonline
GitHub 💻 github.com/nickytonline
Community 👾 iamdeveloper.discord.com
Twitter 🐦 / nickytonline
Threads 🧵 www.threads.net/@nickytonline
Podcast 🎙 pod.nickyt.co
Newsletter 🗞️ www.nickyt.co/news

[@brittneypostma]

Great show, I'm currently using cobalt in our new design system at work. As Kaelig said at the end, starting off with a new system, check out Cobalt. I evaluated all the tools mentioned and it was my far the easiest to get off the ground the fastest with. We use tailwind also, so it was interesting to see his implementation. I'm doing that a little different as well, mapping through the tokens generated my cobalt and creating my own tailwind plugin from it.

[@nickytonline]

Glad you enjoyed the show Brittney! And that’s cool you’re using Cobalt.