スマートアニメをやってみたい！スライドアニメーション編 #Figma

今回はFigmaのスマートアニメを使ってスライドアニメーションを作ってみたいと思います。

1、イメージを３つ準備。

2、フレームを作成し、円を中央に置く。

3、イメージ３つを横に並べ、一番左のハンバーガーを円の上に配置。

4、フレームを複製し、今度はイメージ３つを左に平行移動しながら真ん中のドーナッツを円の上に配置。

5、さらにフレームを複製。４と同様平行移動しおすしを真ん中に配置。

6、フレームの外にあるイメージのPass throughを0％にする。

7、円の色も変更。

8、プロトタイプでスマートアニメを設定。

完成です⭐✨

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

Follow me here😊

Instagram | Twitter │Dribbble│Linkedin  | Website