Skip to content
Tiny Exports

Tiny Exports

by Daniel Bouček

Easily export all layers with TinyPNG compression.

FreeFigmaDev Mode

Installs

16

Likes

3

Users

158

Views

124

Preview

Tiny Exports preview

About this plugin

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

FeaturesExport layers with Figma’s export settingsSupport for layer naming conventions. Useful for setting exports in component libraries.

Export individual layers or all at onceExport only exportable layers under the current selectionSupport for TinyPNG compression (API key required) – available for freeWIP: Apply export settings automatically to all image layersWIP: Apply export settings to all manually selected layersWIP: Alternative image compressionHow to UseSet Figma’s export settings or use the naming convention `export-[scale]x-[format]` (e.g., `export-1.5x-png`).

Trigger the plugin in Figma while in design mode.

Get a TinyPNG API key from [tinypng.com/developers](https://tinypng.com/developers) and enter it in the plugin’s Settings tab.

Enable TinyPNG compression for optimized images.

Use the plugin UI to export individual layers or all at once.

Naming ConventionSVGs 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.

Format: `export-[scale]x-[format]``scale`: Any number (e.g., 2, 1.5) – 1 by default`format`: png, jpg, svg, or pdf – jpg is set by defaultExamples:`imageName [export-1.5x-png]``imageName [export-2x-jpg]``imageName [export-jpg]``svgName [export-svg]`SecurityThe TinyPNG API key is stored only locallyThe plugin uses a proxy to communicate with the APIKnown Issues

More import & export plugins plugins

View all