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

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

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

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

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

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

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

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

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

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

## アニメーションWebP形式でエクスポートする {#exporting-to-animated-webp-format}

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

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

レンダリングが終わると、TinyImageはエクスポートしたアニメーションWebPファイルを自動的にパソコンにダウンロードします。

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