[community-group] [RFC] Design Token Editors (#36)

lucastobrazil has just created a new issue for https://github.com/design-tokens/community-group:

== [RFC] Design Token Editors ==
_First of all, super excited to see the amazing team working on this project!!_

I've been quietly following for a while, and was thinking of something perhaps might relate to this project.

**My Question: How are teams currently taking the values of their design tokens and 'transferring' them into a computable format?**

### As an example: [Maybe in Sketch or similar] 
Designer: _"we've decided our brand is #123456, subdued text color is #222222, spacing scale is base 8 etc... Now let's get these values out of Sketch and into our color token management system..._". 

Currently the way we've done it is basically just manually gone through each one and copy-pasted the hex value into a JS object.

This has come up because I am currently working on a Sketch plugin that goes the other way around (eg. takes a JS object of my DS tokens and renders out layer styles with the colors / color names applied)... which works for generating / updating our core palette of our DS. BUT when I think of it, a JS object is probably not where the initial definition of a product's color styles would be defined (most probably by a designer with a visual tool).

I was considering making a "Design Token editor" app that basically is a visual tree structure (thinking out loud: one probably already exists) that lets you build up what basically is a JS object fitting the design token spec under the hood.... but it got me thinking that I'd like to know how others might envision it, or even what others have done in the past.

Considering the future, I'm sure many of these newer design tools will be integrated with whatever amazing design token spec you gang all come up with, and maybe you could one day export your color palette in Sketch directly to match the spec, but for now maybe we something like a plugin could work.

Keen to hear thoughts!

✌️🎨

Cheers
Lucas
https://twitter.com/lucasarundell


Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/36 using your GitHub account

Received on Saturday, 18 January 2020 18:44:07 UTC