Setting custom filename/subfolder naming format

TinyImage lets you specify a custom filename format that will be applied to all of your exported images. This can be really useful for giving a consistent naming convention to all of your exports.

Video Tutorial: Export images with custom folder path names from Figma

This video walks through how to export images with custom folder path names from Figma using the TinyImage plugin.

Open the Compress workspace and select Settings immediately before Export, then choose the Naming tab in the Export Settings panel.

The Filename Format field is optional, and if you leave this field empty/blank, it will default to #{name}#{suffix}.

Available variables for your filenames ​

You can mix and match any of the variables below into your custom subfolder/filename pattern, including regular text and characters (like underscores or letters/numbers).

  • #{name} The name of the Figma layer (for example, "My Figma Layer Name")
  • #{scale} The scale from the export setting (for example, "2x")
  • #{width} The width of the image (for example, "1024")
  • #{height} The layer height (for example, "768")
  • #{suffix} The suffix from the export setting (for example, "_example")
  • #{date} Timestamp at the time of export (for example, "28-Sep-2020")
  • #{section} The parent Figma Section layer name, if it exists (for example, "Section 1")
  • #{frame} The parent Figma Frame layer name, if it exists (for example, "Frame 1")

Creating Sub Folders. To create a subfolder, you can add a "/" anywhere in your custom filename format. For example #{date}/#{width}x#{height}/#{name} would create a dynamic folder structure like 28-Sep-2020/1024x768/my_figma_layer_name.jpg (where the variables get swapped out for the real values related to each exported image).