← Back to TinyImage Video Tutorials

What this video covers

This tutorial shows how to use the TinyImage Figma plugin to export image layers as compressed images with customizable folder paths and file names. It demonstrates adding dynamic variables like section, frame, format, width, height, date, scale, and suffix, plus mixing in static text to organize exported assets.

Things you'll need

• A Figma file with image layers selected for export
• The TinyImage Figma plugin installed or saved in Figma

Steps

1. Open the Figma file, find TinyImage from the actions menu, and save or run the plugin.
2. Select the image layers you want to export and add export settings on the right-hand panel, including formats and scales if needed.
3. Refresh TinyImage so the exportable assets appear in the plugin.
4. Select Settings, choose the Naming tab in Export Settings, then edit the Custom File Name Format field.
5. Insert dynamic variables such as section, frame, format, width, height, scale, date, or suffix, and use slashes to turn them into folders.
6. Optionally add static text, such as images or assets, to mix manual labels with dynamic variables.
7. Export the assets, unzip the file, and check that the folders and file names match the custom path format.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Setting custom filename/subfolder naming format
• Next: Export Progressive JPEG images
• Open TinyImage in the Figma Community