見出し画像

スマートアニメをやってみたい!ダークモード編 #Figma

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

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

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

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

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

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

画像1

完成です⭐✨

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

Follow me here😊

Instagram | TwitterDribbbleLinkedin  | Website



よろしければサポートお願いいたします。いただいたサポートはクリエイターとしての活動費に使わせていただきます。