今回はFigmaのスマートアニメを使ってダークモードのアニメーションを設定してみたいと思います。

1、フレームを準備。フレームと同じ長方形を作り、フレームの上に置く。

2、文字を入れて、スイッチを角をとった長方形と円で作成。

3、長方形を複製し、黒に染める、一番下のレイヤーにする。

4、フレームを複製。黒の長方形を、白の長方形の上に配置。
文字も黒から白。スイッチの色も変更し、円を右端に配置。

5、プロトタイプのタブへ。スマートアニメを設定する。

完成です⭐✨

今回はここまでです！また次の記事でお会いしましょう～😉

Follow me here😊

Instagram | Twitter │Dribbble│Linkedin  | Website