トグルの作り方（Xd）

設定画面などで使用する『トグル』のXdでの作成方法を記載します。

なお、Figmaでの作成方法は以下の記事に記載しています。

トグルの作り方

ON-OFFのどちらかの状態（下GIFではOFFの状態）でオブジェクトを作成後、下GIFのようにコンポーネントに設定し『トグルステート』を追加します・

その後、『トグルステート』が選択されている状態でトグルをもう片方の状態（下画像ではONの状態）に変更します。

最後に、コンポーネントを初期設定のステートが選択されている状態に戻せば、トグルの完成となります。
プレビューでの挙動は下GIFのようになります。

まとめ

以上、設定画面などで使用する『トグル』のXdでの作成方法でした。