newmo https://blog.hatena.ne.jp/newmo/ newmo 技術ブログ https://tech.newmo.me/ Frontend © 2023-Present Segun Adebayo newmoでは、1行目のCSSを書く前に1つ目のDesign Tokenを定義しました。Design Tokenを起点にした開発を実現するため、CSSスタイリングフレームワークにはPanda CSSを採用しています。 しかし、創業期のスタートアップでは、デザインシステムは完成品ではなく日々変化していくものです。Design Tokenの命名が変わる、階層構造が見直される、色の値が調整される——こうした変更が頻繁に発生します。数百箇所に散らばったtokenを手動で置換すると、必ず修正漏れが発生します。そもそもDesign Tokenの使用… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.newmo.me%2Fentry%2Fpanda-css-design-tokens" title="Design Tokenが変化することを前提にした型安全なCSS — newmoでPanda CSSを採用した理由 - newmo 技術ブログ" 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/n/newmo/20251204/20251204143758.png Hatena Blog https://hatena.blog 2025-12-05 09:00:00 rich https://tech.newmo.me/entry/panda-css-design-tokens 1.0 100%