sketch · 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.
short answer
select the layer and click 'make exportable' in the inspector, then add presets with the '+' for 1x, 2x and 3x. give each a suffix like '@2x' or they overwrite each other, then press cmd-e to export.
or do it yourself
- 1select the layer, group, or frame you want to export.
- 2click 'make exportable' at the bottom of the inspector - an export preset row appears.
- 3set the first preset's size to 1x, then click the '+' to add presets for 2x and 3x.
- 4add a suffix like '@2x' and '@3x' in each preset so the files don't overwrite each other.
- 5click 'export selected', or press cmd-e, and pick a folder.
steps last checked
let HeyBraza do this with you
HeyBraza teaches you software while you're using it. hold a key and ask out loud - an ai tutor that sees your screen walks you through every step in real time, pointing and highlighting on your real work, talking you through it as it goes - not someone else's tutorial.
downloadcommon 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.