この動画のサンプルファイル (63 MB)

動画の内容はテキストで読むこともできます

XDユーザーズガイドのテキストを読みながら学ぶとより理解できます

公式テキストを読む

次におすすめの動画

Tutorial

Adobe XD での Lottie アニメーションの操作

XD はアートボードに Lottie アニメーションを配置して、プロトタイプとして共有できます。XD に Lottie アニメーションを読み込むには、アートボードにファイルをドラッグするか、メニューからファイル/読み込みを選択します。

プロパティインスペクターの「インタラクティブメディア」セクションでは、アニメーションのループ再生の設定ができます。また、以下のリストから再生オプションを選択できます。再生オプションを選択すると、必要なインタラクションが自動的に作成されます。

  • タップで再生(デフォルト)
  • 自動再生する
  • 再生不可

プリセットの再生オプションをカスタマイズするには、プロパティインスペクターの「インタラクティブメディア」セクションで、「再生を編集」を選択します。すると、自動的にプロトタイプモードに切り替わり、インタラクションのオプション指定ができるようになります。