Export Persona Exporting using Export Persona

The Export Persona is a dedicated workspace for exporting artboards, layers, groups, and objects as export slices to different file formats and image sizes simultaneously. You'll also be able to export custom drawn slices.

Slices in Export Persona
Export Persona with Export Options and Slices panels.

How it works

The Export Persona uses a combination of panels and tools to create slices. Slices are export areas which you choose to output from your document.

The Layers panel, Export Options panel and Slices panel are used in combination in Export Persona. The Slice Tool is unique to Export Persona and is used to create custom slices.

Using the Layers panel

The Layers panel in Export Persona is different from the Layers panel in Designer Persona. It is used exclusively as a precursor for selecting artboards, layers, groups, or objects from which slices can be created, and added to the Slices panel.

Layers panel in Export Persona
Layers panel in Export Persona.

When you export a Layers panel item as a slice, the slice will automatically size to what is considered to be the extent of the selected item. At the top of every slice drawn, you will see the exported resolution, name, format and bit depth.

When a slice created via the Layers panel is exported, only content on the layer from which it was created is included in the output.

Using the Slice Tool

The Slice Tool gives you full freedom to create export areas of all sizes, over any part of your document.

When a slice created with the Slice Tool is exported, content from all visible layers within its area is included in the output.

For more information see working with slices.

Using the Export Options panel

The Export Options panel lets you set up your default export settings, or settings for the currently selected item prior to slice creation.

Export Options panel in Export Persona
Export Options panel in Export Persona.

Using the Slices panel

The Slices panel stores all your slices (from the Layers panel or Slice Tool) ready for export directly from the panel. Each created slice has an initial export format (e.g., PNG, JPEG, or SVG) associated with it on creation, with additional export formats being added per slice if needed; each export format lets you export at different size scaling or absolute sizes.

Slices panel in Export Persona
Slices panel in Export Persona.

You can use the filenames in the Slices panel to specify (or create) a folder hierarchy in which to place your exported files. This is achieved through the use of the forward slash, or oblique, character.

For example, a PNG hero image could be placed within an img folder within an assets folder using the following syntax: assets/img/hero

If any part of the folder structure does not exist, the folder hierarchy will be created when the appropriate slices are exported using Export Slices (n).

Exported slice dimensions and DPI

When exporting slices via the Export Persona, the slice export size (1x, 2x, 3x, etc.) is linked with your document's DPI. The table below shows how DPI and export size affect export dimensions, using a 64x64 px document as an example.

DPI setting for a 64x64 document Export dimensions (in pixels); Exported DPI
1x2x3x
7264x64; 72128x128; 144192x192; 216
9664x64; 96128x128; 192192x192; 288
14432x32; 7264x64; 14496x96; 216
19232x32; 9664x64; 19296x96; 288
21621x21; 7242x42; 14464x64; 216
28821x21; 9642x42; 19264x64; 288

SEE ALSO: