---
url: "/ja/tinyimage/video.md"
description: "TinyImageのGIFエクスポートと同じアニメーションエディターのワークフローで、選択したFigmaレイヤーからアニメーションMP4動画をエクスポートします。"
---

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

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

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

この動画では、TinyImageプラグインを使って、Figmaから直接、デザインのレイヤーからアニメーションMP4動画をエクスポートする方法を説明します。
[Embedded media](https://www.youtube-nocookie.com/embed/sCARTYdqIrQ)

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

この動画では、TinyImageプラグインを使って、Figmaから直接、デザインのレイヤーから作成したアニメーションMP4動画のエクスポートに音声を追加する方法を説明します。
[Embedded media](https://www.youtube-nocookie.com/embed/bJI_BKzSvJU)

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

## GIFエクスポートと同じアニメーションエディターを使う {#using-the-same-animation-editor-as-gif-exports}

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

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

- [レイヤーからアニメーションGIFを作成する](/ja/tinyimage/gif)

## MP4形式でエクスポートする {#exporting-to-mp4-format}

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

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

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

## MP4エクスポートに音声を追加する {#adding-audio-to-mp4-exports}

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

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

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

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