レイヤーからアニメーションMP4動画を作成する

TinyImageのGIFエクスポートと同じアニメーションエディターのワークフローで、選択したFigmaレイヤーからアニメーションMP4動画をエクスポートします。

FigmaからアニメーションMP4動画をエクスポートする

この動画では、TinyImageプラグインを使って、Figmaから直接、デザインのレイヤーからアニメーションMP4動画をエクスポートする方法を説明します。

FigmaのアニメーションMP4動画のエクスポートに音声を追加する

この動画では、TinyImageプラグインを使って、Figmaから直接、デザインのレイヤーから作成したアニメーションMP4動画のエクスポートに音声を追加する方法を説明します。

TinyImageでは、GIFエクスポーターと同じアニメーションエディターのUIとワークフローで、アニメーションを.mp4動画としてエクスポートできます。

GIFエクスポートと同じアニメーションエディターを使う ​

MP4のワークフローでは、GIFのワークフローと同じフレームの選択、並べ替え、タイミング、トランジション、プレビューのコントロールを使います。

これらの共通コントロールを設定するには、GIFアニメーションエディターのガイドに従ってください。

MP4形式でエクスポートする ​

アニメーションのプレビューの準備ができたら、次の手順に従います。

  1. アニメーションのツールバーにあるエクスポート形式のドロップダウンを開きます。
  2. MP4 Videoを選択します。
  3. Exportをクリックして、.mp4ファイルをレンダリングします。

レンダリングが完了すると、TinyImageがエクスポートしたMP4ファイルを自動的にパソコンにダウンロードします。

MP4エクスポートに音声を追加する ​

MP4エクスポートには、音声をオプションで含めることができます。

  1. MP4のエクスポートオプションで.mp3の音声トラックを追加します。
  2. アニメーションのタイミングとプレビューを確認します。
  3. MP4 Videoとしてエクスポートします。

音声トラックはMP4エクスポートでのみ使えます。

Figmaからダウンロードしたファイルの保存 Figmaのデスクトップアプリを使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、WebブラウザでFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンのDownloadsフォルダに保存されます）。