---
url: "/ja/tinyimage/gif-layers.md"
description: "TinyImageで、FigmaのレイヤーをGIFアニメーションのフレームとして選択し、使用中のフレームのセットを更新します。"
---

# GIFレイヤーの選択と更新

> TinyImageで、FigmaのレイヤーをGIFアニメーションのフレームとして選択し、使用中のフレームのセットを更新します。

### 動画チュートリアル：アニメーションGIFを作成する

この動画では、TinyImageプラグインを使って、自分のデザインからFigmaで直接GIFをアニメーション化してエクスポートする方法を紹介しています。
[Embedded media](https://www.youtube-nocookie.com/embed/FYlk5a69Ewc)
### 動画チュートリアル：FigmaでアニメーションGIFのエクスポートにトランジション効果を追加する

この動画では、TinyImageプラグインを使って、FigmaでアニメーションGIFのエクスポートにフェード、スライド、ワイプのトランジション効果を追加する方法を紹介しています。
[Embedded media](https://www.youtube-nocookie.com/embed/GwfVWRAS1qk)

TinyImageのGIF機能では、Figmaページで選択したレイヤーを、それぞれアニメーションの個別のフレームとして使います。

## フレームとして使うレイヤーを選択する {#selecting-layers-to-use-as-frames}

[Video](/assets/videos/tinyimage/compress/gif-selection.mp4)

GIFの作成を始めるには：

1. **GIF**タブを開き、**Create a GIF/MP4**を選びます。
2. Figmaページで、アニメーションのフレームとして使うレイヤーを選択します。
3. **Use Selected Layers**をクリックして、プレビューに読み込みます。

> **Note:** **Create a GIF/MP4**を開く前にレイヤーを選択しておくと、TinyImageが自動で読み込みます。

## 選択したレイヤーを更新する {#refreshing-selected-layers}

[Video](/assets/videos/tinyimage/compress/gif-refreshing.mp4)

現在のフレームのセットを置き換えるには：

1. Figmaで新しいレイヤーのセットを選択します。
2. GIFツールバーの**Selected Layers**ラベルの横にある**Refresh**をクリックします。

TinyImageが新しい選択を使ってプレビューを読み込み直します。