m-yoshiro / designtoken2code Goto Github PK

テーマ

Symbol master, Symbol instanceからカラーを取得すべきか検討する

概要

Sketchでスタイルガイドを構築する場合、Symbolの利用が多い。
対して、DesignToken2Codeは ShapePath のみに対応している。

Symbolに対応する場合、課題が多い。

• Symbol master, instanceの2パターン存在する
• Symbol master内のLayerの取得方法が不明
  （おそらく、Artboardsを継承しているので、layers で取得できそう）
• 前述のLayerを取得できた場合、カラーを取得するためのLayerを抽出する必要がある
  layerの特定方法を決める必要が生じる

• コアとUIのモジュールを分離する
• コードへ整形する機能追加
• 整形フォーマットをsass / css / json に対応させる
  • sass
  • css
  • json
• 整形用のテンプレートファイル作成
• 整形フォーマットの選択UIの実装
• ファイルの書き出し機能追加

Are you planning to add support for other tokens? E.g. spacing, typography, border radius...

Here's a list of tokens that might come in handy: https://scarab.style/core/design-tokens/