SXL Studio
Dev Mode

Image Export

Export selected Figma layers to PNG, JPG, WebP, or GIF from SXL Studio Dev Mode.

What this export does

SXL Studio exports selected canvas layers as raster files from the Dev workflow.

Pipeline:

  1. Main thread exports PNG via Figma exportAsync
  2. UI re-encodes to target format when needed
  3. Result downloads as one file or ZIP

Where to open it

Any of these opens the same Download modal on Export Asset tab:

  • Inspect empty state: Export Asset…
  • Inspect → Object model: Export asset
  • Footer Export button

Supported formats

  • PNG
  • JPG (jpeg)
  • WebP
  • GIF

Format behavior:

  • PNG can pass through original Figma bytes at max quality.
  • JPG/WebP use browser encoding with quality control.
  • GIF is generated from a single exported raster frame (not timeline animation).

Export settings

  • Format: PNG / JPG / WebP / GIF
  • Scale: 0.25x to 4x
  • Compression: 1 to 100
  • WebP only: Preserve transparency (alpha) toggle

Operational limits:

  • up to 25 selected layers per export request
  • very large export requests are rejected with a clear error

Preview behavior

  • Preview uses the first exportable selected layer.
  • Preview image is generated from the same PNG source.
  • When format is GIF, preview shows encoded GIF behavior in browser context.

How to export

  1. Select one or more layers on canvas.
  2. Open Download → Export Asset.
  3. Set format/scale/compression.
  4. Click Export to disk in modal footer.

Output:

  • single item -> direct file download
  • multiple items -> ZIP archive

Troubleshooting

"Select a layer" / no preview

Selection is empty or not exportable. Select frame/component/layer that supports raster export.

Export too large

Reduce scale and/or number of selected layers.

WebP failed

Environment does not support WebP encoding. Use PNG or JPG.