前不久在網上到處瞎晃的時候，發現Adobe的軟件幾乎都可以寫插件。Fireworks更是很早的版本就支持使用javascript編寫插件，於是乎如入桃園，奮斗幾日為VD小伙伴們寫了一個插件，命名AutoSlice。
文末會附上插件下載地址及說明
顧名思義，AutoSlice是一款提供自動切圖功能的插件。通過AutoSlice,視覺設計師可以通過簡單的配置，自動完成一份視覺稿在不同分辨率下的切圖。 開發AutoSlice的目的是減少視覺設計師在不同分辨率下反復切圖的耗時，同時精確對齊圖片。
安裝好AutoSlice后，可以在windows -> AutoSlice 打開AutoSlice窗口。和原生的一些窗口一樣，AutoSlice可以拖放至Fireworks側欄等位置。
使用AutoSlice時，請先確保你打開並只打開了一個你需要切圖的視覺稿。
在使用AutoSlice面板之前，視覺設計師需要重新命名你需要切圖的元素或者組。
在元素或者組原來的名字后面加上$$,並按照下面的規則在$$中加入配置。注意原來的元素名不要包含$
接下來就到了使用AutoSlice窗口了，這個窗口主要用來設置你需要導出的分辨率（單位是像素）。
1）窗口中每一行代表一個需要切圖的分辨率
2）你不需要為視覺稿的原始分辨率額外填寫一行，事實上，你什么都不填的情況下，AutoSlice總是會安視覺稿的分辨率默認切一套圖。
3）每個輸入框請出入6位正整數，不勾選的行和輸入錯誤的行不會被用來設置切圖。但也不會引發異常。
AutoSlice會采用當前文檔的另存為中的設置來保存切圖，為減小切圖文件的大小，請先到save as窗口中，確認保存類型為拼合PNG。另存一個副本就可以改變保存設置。
配置好后，可以點擊Export按鈕。系統會彈框讓你選擇切圖文件安放的位置。
等待AutoSlice運行完成后，就可以去看看切好的圖了！每個分辨率都會有一個文件夾。
AutoSlice會遍歷每個page，但是需要保證每個page的分辨率一致。
由於我的視覺設計師小伙伴們偏向mobile native的切圖，所以AutoSlice中沒有支持web合圖和Font-icon，以后有機會應該會單獨做插件。
最后，送上插件地址
因為Adobe的官方發布政策，AutoSlice在Adobe Exchange上的版本需要 Fireworks CS6。
AutoSlice我5月初就發布了，但是Adobe回信給我說Fireworks需要Add-ons才能下載新的插件。小伙伴們需要在5月21日之后才能到 https://creative.adobe.com/addons 下載Add-ons。同時確認你已經有了Adobe Exchange Manager CS6。
之后這一系列的文章會講述一些Adobe插架開發的東西，之前雖然已經有人寫過這方面的文章，但是年久失更，一些細節已經不適用。
轉發請注明出處：http://www.cnblogs.com/Arthus/p/3738306.html