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

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

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

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

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

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

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

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

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

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

## アニメーションPNG（APNG）形式でエクスポートする {#exporting-to-animated-png-apng-format}

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

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

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

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