ai2appiconset icon indicating copy to clipboard operation
ai2appiconset copied to clipboard

Xcode .appiconset generator for Adobe Illustrator.

logo

Awesome

Creating AppIcon sets from Adobe Illustrator

This repo is rewrited from original repo https://github.com/CaryChamplin/CreatingIconsFromAI.

Just generates a completely valid contents of 'AppIcon.appiconset'.

Usage

Clone(or download) this repo to

/Applications/Adobe Illustrator CC/Presets.localized/en_US/Scripts/ (in my case)

And click below menus.

File > Scripts > ios-icon-exporter
File > Scripts > mac-icon-exporter

If you need more information, see this : http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/pdf/illustrator/scripting/CC/Illustrator%20Scripting%20Guide.pdf

Output results

AppIcon.appiconset

Contents.json
ipad_29.png
[email protected]
ipad_40.png
[email protected]
ipad_76.png
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]

Content.json

{
  "images" : [
    {
      "size" : "29x29",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "size" : "29x29",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "3x"
    },
    {
      "size" : "40x40",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "size" : "40x40",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "3x"
    },
    {
      "size" : "60x60",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "size" : "60x60",
      "idiom" : "iphone",
      "filename" : "[email protected]",
      "scale" : "3x"
    },
    {
      "size" : "29x29",
      "idiom" : "ipad",
      "filename" : "ipad_29.png",
      "scale" : "1x"
    },
    {
      "size" : "29x29",
      "idiom" : "ipad",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "size" : "40x40",
      "idiom" : "ipad",
      "filename" : "ipad_40.png",
      "scale" : "1x"
    },
    {
      "size" : "40x40",
      "idiom" : "ipad",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "size" : "76x76",
      "idiom" : "ipad",
      "filename" : "ipad_76.png",
      "scale" : "1x"
    },
    {
      "size" : "76x76",
      "idiom" : "ipad",
      "filename" : "[email protected]",
      "scale" : "2x"
    },
    {
      "size" : "83.5x83.5",
      "idiom" : "ipad",
      "filename" : "[email protected]",
      "scale" : "2x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

Format for icon images

{idiom}_{float/int square size}@{integer_ScreenScale}x

ex: "iphone_60@2x"
    "iphone_60.5@2x"

or

{idiom}_{float/int width}x{float/int height}@{integer_ScreenScale}x

ex: "iphone_60x45@2x"
    "iphone_60.5x45.5@2x"

for iOS https://github.com/metasmile/ai2app/blob/master/ios-icon-exporter.jsx

ICONS = [
    "iphone_60@2x",
    "iphone_60@3x",
    "iphone_40@2x",
    "iphone_40@3x",
    "iphone_29@2x",
    "iphone_29@3x",
    "ipad_76",
    "ipad_76@2x",
    "ipad_40",
    "ipad_40@2x",
    "ipad_29",
    "ipad_29@2x",
    "ipad_83.5@2x",
    "iTunesArtwork_512",
    "iTunesArtwork_512@2x"
];
#include "icon-exporter.jsx"