skip to content
HeyBrazadownload →

Sketch logosketch · HeyBraza shows you

how to export assets at 2x and 3x in sketch

HeyBraza points at 'make exportable' and the add-preset button so you set every scale in one go.

exporting an icon at 1x, 2x, and 3x for retina screens is a two-part move in sketch: mark the layer exportable, then add a preset per scale. miss the first step and there's nothing to export. here's the full path.

or do it yourself

  1. 1select the layer, group, or frame you want to export.
  2. 2click 'make exportable' at the bottom of the inspector - an export preset row appears.
  3. 3set the first preset's size to 1x, then click the '+' to add presets for 2x and 3x.
  4. 4add a suffix like '@2x' and '@3x' in each preset so the files don't overwrite each other.
  5. 5click 'export selected', or press cmd-e, and pick a folder.

let HeyBraza do this with you

HeyBraza is a tiny on-screen guide that points at the right buttons and talks you through it, on windows and mac.

download

common questions

where is the export option in sketch?

at the very bottom of the inspector on the right - select a layer and click 'make exportable' to reveal the size, format, and suffix controls.

do i have to add @2x manually?

yes - sketch won't add the suffix for you; use the prefix/suffix dropdown on each preset so 1x, 2x, and 3x files have distinct names.

more fixes