動画チュートリアル：LottieファイルのアニメーションをFigmaにインポートする

この動画では、Convertifyプラグインを使って、Lottieファイル（.lottie / .json）をFigmaに自動インポートする方法を説明しています。

LottieアニメーションをFigmaにインポートするには、Import into Figmaタブをクリックし、ワークフローセレクターからImport Lottie as GIF to Figmaを選んで、.jsonまたは.lottieファイルをConvertifyプラグイン内のドロップエリアにドラッグ＆ドロップします。ファイルはアニメーションGIFの画像レイヤーとしてインポートされます。

Convertifyは、プラグイン内のローカル環境でLottieアニメーションをレンダリングし、アニメーションGIFに変換して、画像塗りのレイヤーとしてFigmaファイルに挿入します。

非常に大きなアニメーションや長いアニメーションの場合、Figma内で確実に変換を完了できるよう、ConvertifyがGIFのサイズを縮小したり、低いフレームレートでサンプリングしたりすることがあります。

アニメーションGIFレイヤーは、Figmaで編集している間は静止して見えることがありますが、アニメーションGIFの再生に対応しているプレゼンテーションやプロトタイプの表示では再生されます。

Lottieファイルは、編集可能なベクターアニメーションのレイヤーではなく、GIF画像レイヤーとしてインポートされます。