FigmaからLottie fileに書き出す場合に注意する事

  • Lottieとは?JSONベースのアニメーションファイル形式です。これを使うと、静止画アセットを配信するのと同じくらい簡単に、アニメーションをあらゆるプラットフォームに対応可能。軽量でもある
  • Figmaとは?Webサイトやモバイルアプリなどのデジタル製品およびエクスペリエンスのデザインを作成、共有、テストするための製品
  • Figmaで制作したアニメーションをlottie fileに書き出す場合、うまくいかない場合がある
  • オブジェクトがグループ化されているものがうまく反映されない。グループ化しないようにする
  • 加工されたベクターはNG。例えばベクターで四角を作成したらうまく書き出されない。ただしRectangleの書き出しはOK。

参考