Research / Design / Consulting

From iOS 10, Apple has come up to meet the non-programmers to create a tool that helps to release sticker packs for iMessage. Thanks to this, each of you who has an idea, an Apple Developer account, Xcode, and some patience can release your own sticker packet for Apple devices.

The process of making an iMessage sticker pack is simple:

  • make a bunch of images that you want to become stickers
  • put the images into an iMessage extension in Xcode
  • submit to the App Store.

Step 1: Make a bunch of images that you want to become stickers

Before you start working on your own stickers, you need to be aware of a few details in mind:

Formats acceptable for stickers: .png, .apng, .jpeg, .gif

Sizes acceptable for stickers: small (300px by 300px), medium (408px by 408px) and large (618px by 618px)

Naming is important: the names of the stickers cannot have any special characters or underscores. (i.e. instead of super_sweet_lion.png supersweetlion.png)

Transparent backgrounds:  make sure your images have a transparent background when exporting, unless you want the image to take up the full artboard.

App icon: your application needs an icon. Below I've put all the required icons that need to be prepared for the project

iPhone-settings-29pt@2x — 58 x 58 pt
iPhone-Settings-29pt@3x — 87 x 87 pt
Messages-iPhone-60x45pt@2x — 120 x 90 pt
Messages-iPhone-60x45pt@3x — 180 x 135 pt
Messages-iPad-67x50pt@2x — 134 x 100 pt
Messages-iPad-Pro-74x55pt@2x — 148 x 110 pt
iPad-Settings-29pt@2x — 58 x 58 pt
Messages27x20pt@2x — 54 x 40 pt
Messages27x20pt@3x — 81 x 60 pt
Messages32x24pt@2x — 64 x 48 pt
Messages32x24pt@3x — 96 x 72 pt
Messages-App-Store-1024x768pt— 1024 x 768 pt
App store — 1024 x 1024 px (to be used later in iTunes Connect)

Step 2: Put the images into an iMessage extension in Xcode

To illustrate these steps, I made an example sticker pack. In Xcode 8.o+, open up a new project and select “Sticker Pack Application.”

Xcode 8.0+ open up a new project
Xcode 8.0+ setup project name, organization name and bunde identifier

After you’ve given your project a name, click on the blue Stickers.xcstickers folder in the navigation area and drag in your sticker images into the editor area.

Xcode 8.0+, inside Stickers.xcstickers folder

Now, run your app. The simulator should open to iMessage. Click on the text field and choose the iMessage app button. You can even play around by clicking on your sticker images and putting them in a fake iMessage with Kate Bell.

iMessage App with your stickers

Step 3: Get them ready to submit to the App Store.

You’ve created a charming set of stickers! Congrats! Next part is publishing your stickers to the App Store for the anyone to use. It requires becoming a member of the Apple Developer program, which costs $99 a year. If you’re not interested in buying the membership, you can still upload your stickers on Xcode and test them out on a simulator, but you won’t be able to publish them. Here is a few steps you need to make:

  • Become a member of the Apple Developer Program. - Go to developer.apple.com and click “account” to create an Apple Developer account. This will cost an annual fee of $99 per year.
  • Register an App ID in you Developer account. - Go to developer.apple.com and click Certificates, Identifiers, & Profiles, and then App IDs under Identifiers in the left navigator. The App ID is specific to your sticker pack, any new sticker pack you create will have its own App ID.
  • Archive your sticker Xcode project - the archive function can be found under Product > Archive
  • Submit your app to iTunes Connect

Log back into your Apple Developer account and click iTunes Connect. Once in iTunes Connect, go to My Apps, and click the + to create your app. The archived build you created earlier should show up in the build section in iTunes Connect. The last step is fill few things:

  • App description
  • A website to use for support
  • Up to 5 screenshots for iphone and ipad (iPhone — 1242 x 2208px (5.5 iPhone display) iPad — 2048 x 2732 px)
  • The app store icon created earlier (1024 x 1024)
  • price of your stick app

Once the build is added, and all of the information is filled out, you’re ready to submit your app! Remember that Apple will send you emails on the status of your app, but it will also show you the status in “My Apps” in iTunes Connect.

Take a look for our cute Sticker pack: https://itunes.apple.com/us/app/jungle-animals-stickers/id1442736539#?platform=ipad