teco_kuroda_yuki https://blog.hatena.ne.jp/teco_kuroda_yuki/ テコテック開発者ブログ https://tec.tecotec.co.jp/ 本投稿は TECOTEC Advent Calendar 2024 の12日目の記事です。 こんにちは、決済認証システム開発事業部の黒田です。 普段は、主にUIUXデザインを担当しております。今回は、Figmaのバリアブル機能を使ったデザイントークンの管理方法についてご紹介したいと思います。 バリアブル機能とは バリアブル（Variable）は直訳すると「変数」という意味になります。 バリアブル機能を使うことで、「カラー、数値、文字列、ブーリアン」を変数として定義することができ、Figmaのプロジェクト内でバリアブルを用いてプロトタイプを作成することができます。 デザイントークンとは デザイン… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftec.tecotec.co.jp%2Fentry%2F2024%2F12%2F12%2F000000" title="Figmaのバリアブル機能を使ったデザイントークンの管理方法について - テコテック開発者ブログ" 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/t/teco_kuroda_yuki/20241204/20241204193136.png Hatena Blog https://hatena.blog 2024-12-12 00:00:00 rich https://tec.tecotec.co.jp/entry/2024/12/12/000000 1.0 100%