動画チュートリアル：Figmaからカスタムのフォルダパス名で画像をエクスポートする

この動画では、TinyImageプラグインを使って、Figmaからカスタムのフォルダパス名で画像をエクスポートする方法を説明します。

Compressワークスペースを開き、Exportのすぐ前にあるSettingsを選択して、Export SettingsパネルのNamingタブを選びます。

Filename Formatフィールドは任意で、空欄のままにすると #{name}#{suffix} がデフォルトになります。

ファイル名に使える変数

以下の変数はどれでも自由に組み合わせて、通常のテキストや文字（アンダースコアや英数字など）と一緒にカスタムのサブフォルダ・ファイル名のパターンに使えます。

• #{name} Figmaレイヤーの名前（例：「My Figma Layer Name」）
• #{scale} エクスポート設定のスケール（例：「2x」）
• #{width} 画像の幅（例：「1024」）
• #{height} レイヤーの高さ（例：「768」）
• #{suffix} エクスポート設定のサフィックス（例：「_example」）
• #{date} エクスポート時のタイムスタンプ（例：「28-Sep-2020」）
• #{section} 親のFigma Sectionレイヤーの名前（存在する場合。例：「Section 1」）
• #{frame} 親のFigma Frameレイヤーの名前（存在する場合。例：「Frame 1」）

サブフォルダの作成。 サブフォルダを作成するには、カスタムのファイル名形式の任意の場所に「/」を追加します。たとえば #{date}/#{width}x#{height}/#{name} と指定すると、28-Sep-2020/1024x768/my_figma_layer_name.jpg のような動的なフォルダ構成が作成されます（変数は、エクスポートする各画像に対応する実際の値に置き換えられます）。