盡管Sketch，Adobe XD，F(xiàn)igma和Invision Studio都已經(jīng)足夠強(qiáng)大了，但是在使用過程中我們?nèi)匀粫?huì)感到很多地方不能滿足我們的工作需求，所以，這時(shí)候就需要新的一些工具，幫助我們處理工作上碰到的難題。今天推薦4個(gè)不錯(cuò)的軟件或插件，能夠讓您的工作效率提升100%！

1. Whimsical.co

a，畫流程圖

大部分人的項(xiàng)目通常都是從一個(gè)一個(gè)圖表開始。因?yàn)槲覀冏龅漠a(chǎn)品要充分考慮用戶體驗(yàn)，而不僅僅好看就行了，所以，我們一開始要做大量的低保真圖。

通常，UX設(shè)計(jì)師會(huì)在白紙上畫流程圖，也有些人嘗試用sketch，不過這都沒有 Whimsical.co 這個(gè)網(wǎng)站做得好。

Whimsical.co提供的工作原理很簡單，在畫板上，你可以插入任意您想要的形狀，然后輸入標(biāo)注文本，并將其連接到下一個(gè)形狀。

流程圖界面

b，畫線框圖（測試版）

第二個(gè)功能是線框圖。左側(cè)一欄提供畫線框圖的各種元素，您只需要點(diǎn)選就可以了，非常簡單。

線框UI圖設(shè)計(jì)

2. Overflow.io

這是一個(gè)畫流程圖的利器，目前可以下載免費(fèi)的測試版。

Overflow 相當(dāng)于 Sketch 的一個(gè)插件，安裝好他后，會(huì)在 Sketch 中自動(dòng)出現(xiàn)選項(xiàng)：頂部菜單欄和右部操作面板。

Overflow 中的界面和 sketch 中的畫板是一一對(duì)應(yīng)的，如果在 Sketch 對(duì)某個(gè)畫板進(jìn)行了修改，導(dǎo)入 overflow 中時(shí)，會(huì)自動(dòng)替換掉相應(yīng)的界面。

3.?Maze.design

inVision的一個(gè)擴(kuò)展工具，可以幫助我們測試原型設(shè)計(jì)，而不是等到產(chǎn)品開發(fā)好了再進(jìn)行測試，有效的縮短了開發(fā)時(shí)間。這個(gè)工具目前國內(nèi)用得還比較少。

4.toybox

作為設(shè)計(jì)師，我們始終堅(jiān)持設(shè)計(jì)的一致性。隨著設(shè)計(jì)的更新迭代，我們?cè)絹碓节呄蛴谝子诰S護(hù)和更好地實(shí)現(xiàn)一致性的用戶界面。

但是，事實(shí)卻不是我們期望的那樣，因?yàn)槎鄠€(gè)平臺(tái)的存在，設(shè)計(jì)的一致性不能滿意的處理好。

Toybox希望幫助您了解，如何在您的組織內(nèi)使用您的系統(tǒng)，避免錯(cuò)誤并改進(jìn)。

Toybox是一個(gè)非常方便的Sketch插件，可以掃描文件以確定設(shè)計(jì)是否具有一致性。有點(diǎn)像開發(fā)者所說的那樣：“這是Sketch的拼寫檢查器”。

導(dǎo)入你的顏色，按下“Lint My file”按鈕，并確定你是否在設(shè)計(jì)中使用了不恰當(dāng)?shù)念伾Ｈ缓?，插件將指?dǎo)你修改圖層并建議適當(dāng)?shù)念伾?

?在文件上生成不合適的顏色的列表

指出錯(cuò)誤并建議更好的顏色

每個(gè)元素的顏色使用情況報(bào)告