デザイントークンの定義

デザイントークンによって、プロダクトの設計に必要な「信頼できる、最も基礎的な情報」を提供します。

デザイントークンの目的

  • デザイナー・エンジニアに低レイヤーな統一言語を提供します。
  • スケーラブルで一貫性のあるプロダクト設計が可能になります。
  • ハードコードな設計を減らし、変更に強いプロダクト開発ができます。
  • 開発設計担当者に必要な情報を明確に伝えられます。
  • 効率的に速くインターフェースの設計ができます。

種類

SmartHR Design Systemでは2つのトークンを提供します。

プリミティブトークン

  • 具体性のある値です。
  • 最も低レイヤーで原子的な意味を持つトークンです。
  • 十分な値と、増減も容易な名前空間を設定しておくことが望ましいです。

セマンティクストークン

  • 特定のコンテキストに関連した値です。
  • トークンの意図した目的を伝えるのに役立ちます。
  • 単一の意図を持つ値が、複数の場所に現れる場合に利用します。

参考文献

© 2021, SmartHR, Inc.