レイヤーのオンオフをVariantsで設定できるようになった
控えめに言って神アップデートです。
以前までは、ボタンのアイコンのあるなしやフォームのエラーメッセージのあるなしなど、「ちょっとした要素のあるなしの違い」をいちいちVariantを分けて作成するか、Instance上で該当部分を非表示にする必要がありました。
しかし、FigmaのアップデートによってレイヤーにオンオフのBooleanを設定できるようになり、こうした「ちょっとした要素のあるなしの違い」が 「ある」状態だけを作成すれば良く なりました!!! ![]()
![]()
![]()
使い方
使い方は簡単です。
1.コンポーネントを作成する
まずはオンオフのある要素が「ある」状態のコンポーネントを作成します。
2. コンポーネントプロパティを作成をする
次にプロパティパネルからコンポーネントプロパティの作成を選択し、「Boolean」を選択します。
選択するとモーダルが表示されるので、適当な名前をつけてプロパティを作成します。
3. レイヤーにプロパティを適用する
オンオフしたいレイヤーを選択した状態で、「Apply instance swap propaty」を選択し、先ほど作成したプロパティを選択します。
4. 完了!!!
これでインスタンスを作成すると、プロパティにトグルボタンが表示され、レイヤーのオンオフができるようになりました!![]()
公式のヘルプはこちら





