Export settings
Configure export presets — format and scale — for any canvas layer.
What export settings do
Export settings let you define one or more export presets for a layer. Each preset specifies the format and scale. When you export, Lovision generates one file per preset — so a layer with a 1× PNG preset and a 2× PNG preset produces two output files.
Export settings are available for frames, images, shapes, vectors, components, groups, text, and instances.
Setting up an export preset
- Select a layer on the canvas.
- In the right inspector, scroll to the Export section at the bottom.
- Click + to add a preset.
- Configure:
| Setting | Options |
|---|---|
| Format | PNG, JPEG, WEBP |
| Scale | 0.5×, 1×, 2×, 3×, 4×, 8× |
- Click the Download button (or use the export panel) to export.
Multiple presets
Add multiple presets to generate all the sizes you need at once:
| Preset | Scale | Output |
|---|---|---|
| PNG | 1× | icon.png |
| PNG | 2× | icon@2x.png |
| WEBP | 1× | icon.webp |
Format comparison
| Format | Best for | Transparency |
|---|---|---|
| PNG | UI assets, icons, exact colors | Yes |
| JPEG | Photos, gradients | No (white background) |
| WEBP | Web images, balance of quality and size | Yes |
Tips
- PNG and WEBP support transparent backgrounds. JPEG does not — transparent areas are filled with white.
- Hidden child layers within the exported layer are excluded from the export.
- Rename layers clearly before exporting — Lovision uses the layer name as the file name.