shellme https://blog.hatena.ne.jp/shellme/ 弁護士ドットコム株式会社 Creators’ blog https://creators.bengo4.com/ 弁護士ドットコム こんにちは、弁護士ドットコムデザイン部の細貝です。 担当しているプロダクトで、「Style Dictionary」と「Tokens Studio for Figma(FigmaTokens)」を使ってデザイントークンを実際のコードに反映する仕組みづくりをする機会がありました。 12月のアドベントカレンダーでも記事を書いたのですが、記事公開後に調べた内容や部分的な改善を反映しつつ、こちらのブログでも紹介させていただこうと思います。 弁護士ドットコムにデザイントークンがきた🎁 デザイントークンとは デザイントークンを使ってFigmaでデザインする 仕組み化することでデザイントークンをもっと活用した… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2023%2F02%2F28%2F120000" title="Tokens Studio for FigmaとStyle Dictionaryでデザインの共通言語をつくる - 弁護士ドットコム株式会社 Creators’ blog" 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/s/shellme/20230224/20230224094202.png Hatena Blog https://hatena.blog 2023-02-28 12:00:00 rich https://creators.bengo4.com/entry/2023/02/28/120000 1.0 100%