@FancyNode ：一直以來UI設(shè)計師身上有兩座大山——標(biāo)注和切圖。目前現(xiàn)有的幾款標(biāo)注軟件主要有兩種形式：一種是基于圖片，一種是通過PS插件完成標(biāo)注。前者需要手動拖拽標(biāo)注和手打錄入文字屬性；后者安裝繁瑣，版本兼容問題多，生成的標(biāo)注修改麻煩。不過這些問題，在標(biāo)注神器PxCook的2.0升級版中得到了完美解決。

第一期介紹：《神器推薦！幫你輕松高效輸出標(biāo)注切圖的PXCOOK！》

軟件有問題可以直接到官微@FancyNode?提問。

PXCOOK

當(dāng)然，PxCook的切圖功能親測也體驗不錯。

PxCook升級2.0后，新增了智能標(biāo)注功能，整體使用下來非常流暢，主要有以下幾個功能特點：

1. 基于PSD文件的智能標(biāo)注，自動識別距離，顏色，區(qū)域，字體信息。

2. 操作便利，支持各種拖拽操作，比現(xiàn)有市面上的插件類工具依靠多次點擊要流暢很多。

3. 自動識別出來的標(biāo)注數(shù)字可以自己手動改數(shù)值，設(shè)計時可以小小的偷個懶~

4. 智能識別PSD更新，當(dāng)你遭遇改稿調(diào)整時，之前的自動標(biāo)注會自動更新，終于不用再改一遍標(biāo)注了！

5. 最重要的一點：免費！

如果是使用Sketch 的同學(xué)，也可以試試下面這個。

@JingDesign?：最近興起的Sketchode是靜電覺得非常優(yōu)秀的，一款用于設(shè)計師與開發(fā)工程師之間進(jìn)行設(shè)計稿標(biāo)注和協(xié)作的工具。讓人欣喜的是，除了zeplin，又一個同類型的工具的出現(xiàn)，讓我們和開發(fā)工程師直接的協(xié)作有了另一個新的選擇。

通過Sketchode插件，我們可以輕易的將Sketch設(shè)計稿導(dǎo)出為擴(kuò)張名為.sketchode的文件，配合免費下載的Sketchode客戶端，開發(fā)工程師即可輕松打開sketch設(shè)計稿，查看其中的標(biāo)注。Sketchode可以完美識別間距，字體，圖形屬性如陰影，旋轉(zhuǎn)等，與其它標(biāo)注軟件沒有任何區(qū)別。更重要的是，開發(fā)工程師也可以在此客戶端中直接導(dǎo)出適配不同手機(jī)密度的素材圖片文件，非常方便。

如果你糾結(jié)于zeplin的收費策略，完全可以使用此工具來完成協(xié)作。即使開發(fā)工程師不安裝Sketch，也可以很輕松的解析文檔。并且，當(dāng)你用Sketchode打開這個文檔的時候，圖層是被完完全全解析的，跟Sketch中的圖層一模一樣。最最讓人驚訝的一點，Sketchode居然可以多選圖層！這不能不說是一種進(jìn)步。也間接的證明了Sketch文件具有導(dǎo)出為某種文件的可能，當(dāng)然這只是靜電的猜測。至于有沒有相關(guān)的工具，則可能跟啊逗比是否xx有關(guān)了。

話說，這完全就是zeplin的本地版。另外，它可以將設(shè)計稿上傳到JIRA（JIRA是Atlassian公司出品的項目與事務(wù)跟蹤工具，被廣泛應(yīng)用于缺陷跟蹤、客戶服務(wù)、需求收集、流程審批、任務(wù)跟蹤、項目跟蹤和敏捷管理等工作領(lǐng)域。）

要安裝Sketchode，首先請下載Sketchode的Sketch插件（http://pan.baidu.com），雙擊即可完成安裝。

然后，到Mac Appstore中安裝客戶端：https://itunes.apple.com

接著，打開你需要導(dǎo)出的設(shè)計稿，選擇sketch插件中的Sketchode Extention，即可開心的導(dǎo)出了。導(dǎo)出之后會出現(xiàn)一個擴(kuò)展名為.Sketchode的文件，我們現(xiàn)在可以用剛才安裝的客戶端打開它。

第一次打開Sketchode會出現(xiàn)邀請加入社區(qū)的對話框。

點擊Continue之后的界面，上方的Upgrades可以以9.9美刀升級現(xiàn)在的軟件到Pro版本，支持更多的項目，不過現(xiàn)在看起來壓根沒有必要。直接選擇下方的Open other即可打開你剛才導(dǎo)出的文件。

接下來的界面可以選擇畫板：

點擊畫板之后就可以打開某一個設(shè)計稿。Sketchode的特色之一就是可以完美解析Sketch的文件圖層結(jié)構(gòu)，這個非常給力。請注意下圖左側(cè)，不要懷疑，它是Sketchode，不是Sketch的界面。

然后我們就可以愉快的安利開發(fā)工程師安裝一個Sketchode客戶端，這樣不用擔(dān)心開發(fā)工程師的sketch到期后沒辦法打開Sketch源文件了，因為這個工具是免費的。

靜電在試用完就愛上了這款工具，你也來試試吧。對于設(shè)計師和開發(fā)工程師，我們有了更多更好的選擇，也期待未來有更多這樣的工具出現(xiàn)。

相對于Zeplin，Sketchode是完全本地化的操作，我們不用擔(dān)心網(wǎng)速帶來的影響，也可以更好的保設(shè)計稿的安全。唯一要做的，就是安裝好插件與Sketchode客戶端。目前這個客戶端只在Mac平臺適用。如果你希望全平臺通用，可以選擇Zeplin作為替代。

人氣過萬的神器推薦！設(shè)計師必備！

摳圖神器！輕松搞定高難度摳圖！
《PS摳圖神器：KnockOut 2.0漢化版下載及教程》

效果超贊的多邊形神器免費下載！
《這效果超火！教你創(chuàng)建高大上的多邊形字體》

一鍵生成像素級輔助線的神器推薦！
《PS 參考線插件GUIDEGUIDE下載及使用說明》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量150萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com