GIFレイヤーの選択と更新

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

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

この動画では、TinyImageプラグインを使って、自分のデザインからFigmaで直接GIFをアニメーション化してエクスポートする方法を紹介しています。

動画チュートリアル：FigmaでアニメーションGIFのエクスポートにトランジション効果を追加する

この動画では、TinyImageプラグインを使って、FigmaでアニメーションGIFのエクスポートにフェード、スライド、ワイプのトランジション効果を追加する方法を紹介しています。

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

フレームとして使うレイヤーを選択する ​

GIFの作成を始めるには：

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

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

選択したレイヤーを更新する ​

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

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

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