- 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_bg
is 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 install
Once the installation is done, you can run some commands inside the project folder:
npm run build
To watch for changes:
npm run watch
Additionally, if you wish to run the plugin every time it is built:
npm run start
skpm 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"
+ }
...