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

# レイヤーからWebM動画を作成する

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

### FigmaのレイヤーからWebM動画をエクスポートする

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

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

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

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

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

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

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

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

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

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

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