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

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

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

この動画では、TinyImageプラグインを使って、Figmaから直接、デザインのレイヤーをアニメーション化してWebM動画をエクスポートする方法を説明します。

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

GIFエクスポートと同じアニメーションエディターを使う ​

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

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

WebM形式でエクスポートする ​

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

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

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

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