SXL Studio
Dev Mode

Exporting images

How to export the selected layers to PNG, JPG, WebP or GIF from the plugin: where to open the Export Asset window, the format, scale and compression settings, the preview, limits and typical errors.

The plugin exports the selected canvas layers to raster files. One layer downloads as a file, several layers as a ZIP archive.

Where to open

Every path leads to the same Download window on the Export Asset tab:

FromHow
Dev Mode, the Inspect tab with nothing selectedThe Export Asset… button in the empty state
Dev Mode, the Object model tabThe Export asset button above the layer diagram
Any modeThe Export to computer button in the plugin footer, then the Export Asset tab

The Export Asset tab of the Download window: format, scale, compression and the preview of the first layer.

Formats

FormatNotes
PNGThe original Figma bytes at maximum quality
JPGEncoded with adjustable quality
WebPEncoded with adjustable quality, with the Preserve transparency (alpha) toggle
GIFA single raster frame, not an animation

Settings

SettingValues
FormatPNG, JPG, WebP, GIF
Scalefrom 0.25x to 4x
Compressionfrom 1 to 100
Preserve transparency (alpha)WebP only

The preview is built from the first exportable layer of the selection and shows the result in the chosen format.

How to export

  1. Select one or more layers on the canvas.
  2. Open Download → Export Asset.
  3. Choose the format, scale and compression.
  4. Press Export to disk.

One layer downloads as a file, several layers as one ZIP archive.

Limits

  • Up to 25 layers per export.
  • A request that is too large is rejected with an error message: reduce the scale or the number of layers.

If something does not work

What happenedWhat to do
The Select a layer hint, empty previewThe selection is empty or the layer cannot be exported as a raster. Select a frame, a component or a plain layer
Export too largeReduce the scale or the number of selected layers
A WebP errorThe environment does not support WebP encoding. Use PNG or JPG