【Figma】ローカルバリアブルの適用範囲を制限する(スコープの設定方法)

利用前の前提

ローカルバリアブルを利用する用途としてプリミティブカラーの登録や、テーマカラー(エイリアスを利用してプリミティブカラーを参照して意味付けする「color/Primary、color/Successなど」)を登録して、セマンティックカラーを登録(「color/text/defaultなど」)するケースが多いかと思いますが、この運用だと根本にあるプリミティブカラーはバリアブルの適用時に候補から除外する必要があります。

▼参照構造

プリミティブカラー ← テーマカラー ← セマンティックカラー ※セマンティックカラーからは直接プリミティブカラーを参照しません

設定方法

上記の通り直接バリアブルを適用するのは「セマンティックカラーのみ」の構造なので、バリアブルの候補にプリミティブカラーを非表示にしておくべきです。

設定方法は簡単で、バリアブルを除外する方法はコレクション名の前に「_(アンダースコア)」を付与するだけです。

当ゆけブログではバナーデザインやデザイン講座受講、その他の相談を随時受け付けています!お気軽にご相談ください!

最新記事
  • カテゴリー
  • 月別
  • Twitter

    関連記事

    最新記事NEW

    CONTACTCONTACT CONTACTCONTACT

    お問い合わせ

    ご意見やお仕事のご依頼などは以下よりご連絡ください。

    情報入力

    内容確認

    完了

      お名前必須

      フリガナ必須

      メールアドレス必須

      お問い合わせ内容