要想做好工作，必先利其器。

如今，越來越多的工具可以幫助我們?cè)谠O(shè)計(jì)工作中縮短時(shí)間、提高效率。比如，以前需要我們手動(dòng)標(biāo)注的部分，現(xiàn)在一個(gè)HTML文件就可以搞定；原來用AE制作動(dòng)效需要我們批量導(dǎo)出圖片交給開發(fā)人員，現(xiàn)在一個(gè)代碼文件就可以輕松解決。

今天我們就來盤點(diǎn)一下那些非常好用的軟件插件。

1.AE插件：

目前這是我所知道的最簡(jiǎn)單，最高效的視頻轉(zhuǎn)GIF插件。

在用這個(gè)插件之前，導(dǎo)出GIF最常見的方式是先通過AE導(dǎo)出視頻，然后再用PS導(dǎo)出，缺點(diǎn)是操作繁瑣sketch標(biāo)注插件，文件大的時(shí)候很耗內(nèi)存；第二種方法是用Adobe自帶的media導(dǎo)出，缺點(diǎn)是需要再安裝一個(gè)軟件，而且需要反復(fù)調(diào)試才能導(dǎo)出最終滿意的效果，操作起來不太方便。

該插件完全萬(wàn)無一失，還可以導(dǎo)出高質(zhì)量的 GIF 文件。

2.AE插件：2個(gè)

MG動(dòng)畫工具。不過我最常用的功能還是“錨點(diǎn)設(shè)置”。軟件提供了九個(gè)錨點(diǎn)選項(xiàng)，無論是MG動(dòng)畫還是UI動(dòng)態(tài)呈現(xiàn)，在確定中心點(diǎn)的時(shí)候都非常有用。而且其他功能也非常豐富。比如：彈性動(dòng)畫、爆炸效果、復(fù)制關(guān)鍵幀、批量命名等，功能非常全面，操作也非常方便。

3.AE插件：

設(shè)計(jì)師在設(shè)計(jì)動(dòng)畫效果時(shí)有很多想法，但AE軟件可以輕松制作的效果，開發(fā)人員不一定能實(shí)現(xiàn)，在時(shí)間緊迫的情況下，花費(fèi)大量精力和時(shí)間去還原這些動(dòng)畫效果顯然是不現(xiàn)實(shí)的。

但在其開發(fā)開源之后情況就不同了，設(shè)計(jì)師可以通過這款插件導(dǎo)出JSON格式的文件，讓工程師放入APP項(xiàng)目中，就能100%還原在AE中制作的效果。

雖然該插件還不夠完善，一些復(fù)雜的效果還無法實(shí)現(xiàn)，但是項(xiàng)目中90%的效果都可以轉(zhuǎn)換導(dǎo)出。

4.PS插件：、、、四件套

切圖君開發(fā)的幾款PS插件。切圖工具；自定義參考線工具，我在網(wǎng)頁(yè)上用得最多；支持全方位標(biāo)注的插件；實(shí)時(shí)預(yù)覽工具，我最常用。

上面三款插件都是收費(fèi)軟件。不過考慮到價(jià)格都在百元以內(nèi)，可以永久購(gòu)買，免費(fèi)升級(jí)sketch標(biāo)注插件，還是很劃算的。插件都是中文的，還附有使用說明，很良心了。

5. PS插件：Blue Lake

Blue Lake 本身的功能就非常強(qiáng)大，插件的主要功能包括上傳設(shè)計(jì)稿和標(biāo)記切圖，完成的設(shè)計(jì)稿上傳后可以分享給團(tuán)隊(duì)其他成員，并且網(wǎng)頁(yè)會(huì)自動(dòng)標(biāo)記，非常方便。標(biāo)記切圖功能也非常簡(jiǎn)單，給需要切圖的元素添加標(biāo)記，上傳后開發(fā)者就可以一鍵下載切圖，非常高效。

6. 插件：ight

在公眾號(hào)里發(fā)現(xiàn)一個(gè)插件，徹底解決了開發(fā)圖和設(shè)計(jì)圖行高不一致的問題，為了讓字體行高更加準(zhǔn)確，避免反復(fù)調(diào)整，可以使用這個(gè)插件來幫助我們解決此類問題。

7.插件：

高效的切片標(biāo)注工具與軟件完美匹配，擁有豐富的標(biāo)注、切片功能，并且能夠直接導(dǎo)出HTML格式，包含了所有規(guī)范細(xì)節(jié)以及css格式等，有效降低溝通成本，提高效率。

相信這里有很多想學(xué)UI設(shè)計(jì)的朋友，我是一名從事UI設(shè)計(jì)多年的設(shè)計(jì)師，辭去了工作，目前在做自己的定制課程。今年年初，我花了一個(gè)月的時(shí)間整理了一份2019年最適合學(xué)習(xí)的資料清單，從最基礎(chǔ)的到實(shí)戰(zhàn)的，我會(huì)把它送給每一位想學(xué)的朋友。如果想要得到，可以關(guān)注我，私信我，帶上“學(xué)習(xí)”兩個(gè)字，就可以免費(fèi)獲得資料，不用煩我~

如有侵權(quán)請(qǐng)聯(lián)系刪除！