Currently, we support these image formats.

How to export an image asset?

Select a layer or a group of layers and hit the export button. It will open the “Export Assets” window for you. In there, you can set up multiple variants of the image you want to export, define the exported names or suffixes. 

TIP: You can just double click a vector or bitmap layer to export it. Or use the CMD/CTRL + S shortcut once you have it selected.

NOTE:  Avocode allows you export any layer as an image - from both Sketch and Photoshop files. You (or your designers) don’t have to pre-set Exportables or rename layers with special symbols like + * & or .png.). Everything is fully rendered and therefore you have real access to all layers (that means hiding them, exporting and even scaling up to @4x when it comes to vector shapes).

Another way how to export an image is to right click on a layer - it will invoke a context menu where you can choose in which format you would like to export the layer. It is also possible to copy the SVG code directly for vector layers using the context menu.

Change image format

You can choose either PNG, JPEG, SVG, or WebP

The possibility to export SVG is enabled only for vector layers. 

If you right-click on a vector shape, you can also export its SVG code.

Change pixel density

The default pixel density is set by the “Design scale” option in the Design Settings. For example: if you set the “Design scale” to @2x, your images will be exported at @2x by default.
NOTE: Lossless upscaling is possible only for vector shapes. 

If there is a warning “We cannot correctly export the layer in this resolution”, it’s probably because you are trying to export a bitmap image at higher resolution than it was designed in. We are now able to scale only vector images and not bitmap images. If you would like to scale even bitmap images, please upvote it here.

Learn more:

Did this answer your question?