採択 LT 5分

Figma TokensとStyle Dictionaryから始めるデザイナーとエンジニアが連携しやすい取り組みの話 フロントエンドカンファレンス沖縄2022

8
mk0812__ mk0812 mk0812__

Figmaのプラグインの1つにFigma Tokensがあります。そのプラグインの結果をJSONに変換し、そのJSONで構成されたデザイントークンからStyle Dictionaryを使用するとCSSプロパティを出力してくれます。その一連の流れのノウハウや出力結果として出てきたCSSプロパティをユーティリティライブラリのTailwindCSSやWeb Componentsなどにどう絡めていくか、最終的にデザイナーとエンジニアの連携でどう役に立つかをお話ししていきたいと思います。