![見出し画像](https://assets.st-note.com/production/uploads/images/75832111/rectangle_large_type_2_136d5b4744e3307512eb92ff05963bd6.jpg?width=1200)
スマートアニメをやってみたい!ダークモード編 #Figma
今回はFigmaのスマートアニメを使ってダークモードのアニメーションを設定してみたいと思います。
1、フレームを準備。フレームと同じ長方形を作り、フレームの上に置く。
2、文字を入れて、スイッチを角をとった長方形と円で作成。
3、長方形を複製し、黒に染める、一番下のレイヤーにする。
4、フレームを複製。黒の長方形を、白の長方形の上に配置。
文字も黒から白。スイッチの色も変更し、円を右端に配置。
5、プロトタイプのタブへ。スマートアニメを設定する。
完成です⭐✨
今回はここまでです!また次の記事でお会いしましょう~😉
Follow me here😊
Instagram | Twitter │Dribbble│Linkedin | Website
いいなと思ったら応援しよう!
![Seika_USA](https://assets.st-note.com/production/uploads/images/95815341/profile_344b2ade2b13a112cf26f0a558ac9261.png?width=600&crop=1:1,smart)