Dev Mode

Image Export

Asset export from Figma: PNG, JPEG, WebP, GIF formats, scale and quality settings.

Image export

SXL Studio lets you export Figma elements as raster images directly from the plugin. This is more convenient than Figma's built-in export since all settings are in one interface.

Supported formats

FormatDescription
PNGPrimary format, supports transparency
JPEGCompressed format with configurable quality
WebPModern format with good compression
GIFFor simple images with limited palette

How to export

  1. Select elements in Figma
  2. Click the Download button in the plugin's bottom panel
  3. Switch to the Assets tab
  4. Choose format, scale, and quality
  5. Click Export

Settings

ParameterDescription
FormatPNG, JPEG, WebP, GIF
ScaleScale multiplier (1x, 2x, 3x, etc.)
QualityCompression quality (JPEG and WebP only)

How it works

  1. The plugin requests export via the Figma API (exportAsync) in PNG format
  2. The result is sent to the plugin UI as base64
  3. For large images, data is split into chunks
  4. The UI re-encodes PNG to the selected format (JPEG, WebP, GIF)
  5. The file is downloaded to the device

Preview

Before exporting, a preview of the selected element is available — a PNG thumbnail to confirm the right object is being exported.

Exporting images from the plugin