Figmaでバリアブルモードを切り替えようとして、項目が出てこない、または選んでも反映されないことがある。
原因は契約プラン、バリアブルの適用状況、親子関係、モードの競合の4つに分かれており、確認する場所がそれぞれ違う。
ここでは、Figmaの公式ヘルプに書かれている条件をもとに、上から順に外していく手順を整理する。
内容は2026年9月20日にヘルプセンターの記載を確認したもので、実機での再現は含まない。
まず症状を3つに分ける
同じ「切り替えられない」でも、どこで止まっているかで見る場所が変わる。
| 症状 | 画面での見え方 | 先に確認するところ |
|---|---|---|
| モードを作れない | 新しいバリアブルモードの項目が無い | 契約プラン |
| 切り替えの項目が出ない | バリアブルモードを適用が出ない | バリアブルが適用されているか |
| 切り替えても変わらない | 選べるが見た目が動かない | オートモードと親の指定 |
| 情報アイコンが付く | モードの横に印が出る | モードの競合 |
確認1 プランでモードを作れるか
バリアブルそのものは、すべてのプランのユーザーが作成・編集できる。
一方でバリアブルモードは、エデュケーション、プロフェッショナル、ビジネス、エンタープライズの各プランのメンバーが作成・使用できると案内されている。
さらに、1つのバリアブルコレクションに作れるモードの数はプランによって異なるとも書かれている。
つまり、モードを作る項目が最初から見当たらない場合は、操作の問題ではなくプランの条件に当たっている可能性がある。
ここで止まっているなら、以降の手順を試しても状況は変わらない。
確認2 そのオブジェクトにバリアブルが当たっているか
モードの切り替えは、バリアブルが適用されているオブジェクトにしか出てこない。
公式ヘルプでは、レイヤーの場合は適用されているバリアブルが1つ以上あり、かつそのバリアブルに複数のモードがある場合に切り替えられると説明されている。
グループやフレーム、コンポーネント、セクションの場合は、中に入っているレイヤーに1つ以上適用されていればよい。
- 色を直接指定しただけで、バリアブルを当てていない
- バリアブルは当てたが、そのバリアブルにモードが1つしかない
- 選んでいるレイヤーではなく、別のレイヤーにバリアブルが当たっている
切り替えの項目そのものが出ない場合は、この3つのどれかに当たっていることが多い。
右サイドバーの外観セクションから、バリアブルモードを適用が出るかどうかで見分けられる。
確認3 オートモードで親から引き継いでいないか
バリアブルがあるオブジェクトは、初期状態では自動に設定される。
これは、親のコンテナに設定されているモードがそのまま適用されるという意味になる。
親も自動になっている場合は、モードが指定されたコンテナに行き当たるまで階層を上へたどる。
どの親にもモードの指定が無ければ、そのコレクションのデフォルトモードが使われる。
そのため、子のレイヤーだけを見て切り替わらないと判断すると、原因が親側にある場合を見落とす。
| 設定 | 参照されるモード |
|---|---|
| 自動（初期状態） | 親コンテナのモード |
| 親も自動 | さらに上の階層へたどる |
| どの親にも指定が無い | コレクションのデフォルトモード |
| 明示的に指定 | 指定したモード |
デフォルトモードを変えたときの落とし穴
デフォルトモードは、バリアブルモーダルのいちばん左の列に表示される。
列を左端に移動するか、右クリックからデフォルトを選ぶと変更できる。
ここで注意が要るのは、自動またはデフォルトに設定されているオブジェクトは、新しいデフォルトモードを引き継ぐ点である。
一方で、たまたまデフォルトだったモードを明示的に指定していたオブジェクトは、そのモードにリンクされたまま残る。
同じ画面の中で追従するものとしないものが混ざるのは、この違いによる。
確認4 モードが競合していないか
モードスイッチャーの横に情報アイコンが出ている場合は、モードの競合が起きている。
これは、ファイル内のオブジェクトが同じバリアブルの異なるバージョンを使っているときに発生すると説明されている。
競合しているモードを選んでも、そのモードを含むバージョンのバリアブルを使っているレイヤーにしか適用されない。
見た目としては、一部のレイヤーだけが切り替わり、残りが元のままになる。
公式ヘルプでは、解決手順として次の流れが案内されている。
- メインのバリアブルがあるファイルを開き、チームライブラリに公開する
- 競合が発生しているファイルのライブラリモーダルから、更新を確認して受け入れる
この操作ができるのは、そのファイルに編集可アクセス権を持つユーザーに限られると注記がある。
閲覧のみの権限では、更新を受け入れる手順に進めない。
切り替えられる対象の範囲
モードを切り替えられる対象として、公式ヘルプには次が挙げられている。
- レイヤー
- フレーム
- コンポーネントとコンポーネントセット
- セクション
- グループ
- ページ
ページ単位で切り替える場合は、キャンバス上の選択をすべて解除してから、右サイドバーのページセクションで操作する。
この操作は、ローカルコレクションに複数のモードがある場合に出てくる。
確認した内容を書き留める
同じファイルを他の人と共有している場合、状況を伝えるために次を控えておくと話が早い。
| 控える項目 | どこで分かるか |
|---|---|
| 契約プラン | アカウントの設定 |
| そのファイルへの権限 | 共有の設定（編集可か閲覧のみか） |
| コレクション名とモードの数 | バリアブルモーダル |
| 対象オブジェクトのモード設定 | 右サイドバーの外観セクション |
| 情報アイコンの有無 | モードスイッチャー |
まとめ
- バリアブルは全プランで作れるが、モードはエデュケーションと有料プランの機能として案内されている
- コレクションごとに作れるモードの数もプランによって変わる
- モードの切り替えは、バリアブルが1つ以上当たっているオブジェクトにしか出ない
- 初期状態は自動で、親のモードを引き継ぐため、原因が親側にあることがある
- 情報アイコンが出ていれば競合で、ライブラリの公開と更新の受け入れで解消する
この記事は2026年9月20日時点のヘルプセンターの記載に基づいている。
Figmaは機能の更新が続くため、操作の前に自分のプランの欄を直接読んでほしい。
モードの仕様はFigma公式ヘルプのバリアブルモードにまとまっている。
Figmaの操作はFigmaメソッドのまとめにも置いている。