How to correctly export an iOS app icon using the iOS app icon template within Sketch?

Question

I've been struggling with exporting the iOS app icon that I created within the said template in Sketch,the first image is the design I do within the template, and the second image is when I export it, but the design that I did within the icon is missing

How can I export properly each Icon, preventing the design to be erased?

Answer 1

Select all artboards (⇧⌘A) and then Export (⇧⌘E) them.

Answer 2

all macs have sips built in use this script, just add the name of your sourceimage

mkdir -p generated

sips -Z 29 --out generated/iPhoneSettings-29x29.png sourceIcon.png
sips -Z 58 --out generated/[email protected] sourceIcon.png
sips -Z 87 --out generated/[email protected] sourceIcon.png
sips -Z 80 --out generated/[email protected] sourceIcon.png
sips -Z 120 --out generated/[email protected] sourceIcon.png
sips -Z 120 --out generated/[email protected] sourceIcon.png
sips -Z 180 --out generated/[email protected] sourceIcon.png

sips -Z 29 --out generated/iPadSettings-29x29.png sourceIcon.png
sips -Z 58 --out generated/[email protected] sourceIcon.png
sips -Z 40 --out generated/iPadSpotlight-40x40.png sourceIcon.png
sips -Z 80 --out generated/[email protected] sourceIcon.png
sips -Z 76 --out generated/iPadApp-76x76.png sourceIcon.png
sips -Z 152 --out generated/[email protected] sourceIcon.png

Answer 3

1. Make sure that your layers are inside the artboard, in rare cases sketch fails when pasting and arranging graphics into it.
2. Maybe you selected the background for export only. Make sure the "knife"-icon ist not marked on the background. Wrong example would look like this

Besides this you can export the iTunesArtboard to all needed sizes or following the shortcuts (⇧⌘A) for selecting all Artboards and open the export dialog with (⇧⌘E) provided by "nathan" :)