Tiny Exports

About this plugin

Optimize your exported assets for web and mobile applications with just a few clicks.

Features

1. Export layers with Figma’s export settings
2. Support for layer naming conventions. Useful for setting exports in component libraries.
3. Export individual layers or all at once
4. Export only exportable layers under the current selection
5. Support for TinyPNG compression (API key required) – available for free
6. WIP: Apply export settings automatically to all image layers
7. WIP: Apply export settings to all manually selected layers
8. WIP: Alternative image compression

How to Use

1. Set Figma’s export settings or use the naming convention `export-[scale]x-[format]` (e.g., `export-1.5x-png`).
2. Trigger the plugin in Figma while in design mode.
3. Get a TinyPNG API key from [tinypng.com/developers](https://tinypng.com/developers) and enter it in the plugin’s Settings tab.
4. Enable TinyPNG compression for optimized images.
5. Use the plugin UI to export individual layers or all at once.

Naming Convention

SVGs or PDFs do not support `scale`. If a naming convention is present, it is preferred over Figma's export settings. It is recommended to use Figma's export settings if you can.

1. Format: `export-[scale]x-[format]`
2. `scale`: Any number (e.g., 2, 1.5) – 1 by default
3. `format`: png, jpg, svg, or pdf – jpg is set by default

Examples:

1. `imageName [export-1.5x-png]`
2. `imageName [export-2x-jpg]`
3. `imageName [export-jpg]`
4. `svgName [export-svg]`

Security

1. The TinyPNG API key is stored only locally
2. The plugin uses a proxy to communicate with the API

Known Issues