Batch Export allows you to export large quantities of assets efficiently with flexible configuration options. Export multiple elements, slices, or variants all at once.
Opening Batch Export
There are several ways to open the Batch Export dialog:
- Right Sidebar - Click the "Batch Export..." button in the Export section
- Menu - File → Batch Export...
- Context Menu - Right-click on canvas → "Batch Export..."
Export Modes
Separate Elements Mode
Exports each selected element as an individual file.
- Each element becomes its own export file
- Filenames automatically use element names
- All elements exported with the same settings
- Best for: icon sets, component libraries
Slices Mode
Exports all defined slices with their individual settings.
- Each slice uses its own format, scale, and quality settings
- Slice names become filenames
- Best for: web assets, responsive images
Variants Mode
Exports the same content at multiple scales or formats.
- One selection, multiple output variations
- Configure different scales (1x, 2x, 3x)
- Configure different formats (PNG, SVG, JPG)
- Best for: app icons, multi-resolution assets
Export Settings
| Setting | Description |
|---|---|
| Format | PNG, JPG, SVG, WebP, or PDF |
| Scale | 1x, 2x, 3x, or custom multiplier |
| Quality | For lossy formats (JPG, WebP): 1-100% |
| Destination | Output folder for exported files |
Tips
- Name your elements meaningfully - element names become filenames
- Use Variants mode for app icons that need multiple resolutions
- Combine with slices for precise export regions
- Check the preview before exporting to verify output