- Find the latest release of the plugin in Release Page
- Download and Un-zip
- Double-click on sketch-flow.sketchplugin
- one-click slicing icon into project.
- copy code snippet with text style.
- one-click export all app icons (including iOS/android/others) against on 1024*1024-sizing artboard
- Name your artboard to
subject, and name your iconsubject_ico_post_bg. - Select icon layer, and use command "
Slice for iOS" or "ctrl shift s" - If it is your first time to use this plugin, you need to input the path of your iOS project Assets.xcassets, for example.
/Users/hite/workspace/xxx/Assets.xcassets/without~in path. - If everything is right, the 2x3x png files will sit under Assets.xcassets directory with sub directory if it has.
- String
subject_subject_ico_post_bgis copied into Pasteboard for you paste it into iOS source codes. - Repeat for another icon.
- Create a Artboard, and name it.
- Make sure this artboard contains only one child of layer or image bitmap.
- Select this artboard
- Use command "
Export icon for all devices" - Wait for seconds, All icons sit under
~/Documents/Sketch Exports/[your artbaord name]if everything is right.
This plugin was created using skpm. For a detailed explanation on how things work, checkout the skpm Readme.
Install the dependencies
npm installOnce the installation is done, you can run some commands inside the project folder:
npm run buildTo watch for changes:
npm run watchAdditionally, if you wish to run the plugin every time it is built:
npm run startskpm publish <bump>(where bump can be patch, minor or major)
skpm publish will create a new release on your GitHub repository and create an appcast file in order for Sketch users to be notified of the update.
You will need to specify a repository in the package.json:
...
+ "repository" : {
+ "type": "git",
+ "url": "git+https://github.com/ORG/NAME.git"
+ }
...