こんにちは、デザイナー・モーションデザイナーの田口です(@fuyuna_design)。 「ウェブサイトで使うアイコン・イラストを動かしたい」 「Lottieを作ってみたいけど、After Effectsはむずかしそう」 そう思っている方は多いのではないでしょうか? これまでLottieといえばAfter Effectsで作るのが主流でしたが、いまはFigmaのプロトタイプとプラグインを使って作成できます! この記事では、Figmaを使ったLottieの作成方法を解説します。プロトタイプ機能を使ったことがない人でも簡単に作れるので、ぜひチャレンジしてみてください。 FigmaでLottieを作るメリット Lottieは軽量かつ美しいアニメーションを手軽に実装できるライブラリです。FigmaでLottieを作成することで、次のようなメリットがあります。 After Effectsを使えなくて
![FigmaでLottieアニメーションを作ってみよう!作成方法やメリット、注意点を解説 - necco note | necco inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/58ae60cb7542fb66283b84cbe1ee9c1c41293235/height=288;version=1;width=512/https%3A%2F%2Fwordpress.necco.inc%2Fwp-content%2Fuploads%2F2023%2F12%2FFigma-Lottie-Howto.png)