makotot-riceball https://blog.hatena.ne.jp/makotot-riceball/ development log https://makotottn.hatenablog.com/ design system design tokens sketch CSS or SassとSketchでdesign tokensを共有したい場合、どうやってdesign tokensを管理するべきか。 調べた感じだと、現時点だと以下のツールあたり。 theo brand.ai Lingo これらのpros/consをざっと見ていく。 theo theoを利用することで、CSS、Sass、ios用のjson、android用のxmlなど各プラットフォームに合わせてフォーマット別にdesign tokensを生成することができる。 github.com token.ymlからscssとjsonのフォーマットにdesign tokensを生成する場合は以下のよう… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmakotottn.hatenablog.com%2Fentry%2F2018%2F01%2F03%2F013259" title="design tokens の管理ツールのpros/cons - development log" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/makotot-riceball/20180102/20180102235813.png Hatena Blog https://hatena.blog 2018-01-03 01:32:59 rich https://makotottn.hatenablog.com/entry/2018/01/03/013259 1.0 100%