saitoayumu https://blog.hatena.ne.jp/saitoayumu/ エキサイト TechBlog. https://tech.excite.co.jp/ デザイン フロントエンド フロントエンド-マークアップ デザイン-Figma こんにちは。 エキサイトで内定者アルバイト（デザイナー）をしている齋藤です。 今回は、業務の中でデザイントークンを検討して実験的に使用しているので、「デザインの仕組み化」を実現するためのデザイントークンについて記してみたいと思います。 この記事では、デザイン要素のうち、カラーに焦点を絞りご紹介させて頂きます。 デザイントークンとは？ なぜデザイントークンは必要なのか 今回デザイントークンを定義する上で意識したこと カラーのデザイントークンを定義してみる デザイントークンの手法 今回のお題に沿ってデザイントークンを定義してみる プリミティブトークン セマンティックトークン Figmaで実装する … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.excite.co.jp%2Fentry%2F2023%2F09%2F11%2F122557" title="デザインの仕組み化としてデザイントークンを考えてみる（カラー編） - エキサイト TechBlog." 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/saitoayumu/20230911/20230911115930.png Hatena Blog https://hatena.blog 2023-09-11 12:25:57 rich https://tech.excite.co.jp/entry/2023/09/11/122557 1.0 100%