2021年UI設計軟體到底該用哪個？來看這篇全面盤點！

UI 設計的工具層出不窮，每年都有不同的設計軟體、動效工具、標註 ... Figma 從誕生起就被稱為次世代的設計工具，因為它最大的特點就是通過線上網頁 ... MdEditor 2021年UI設計軟體到底該用哪個？來看這篇全面盤點！ 語言:CN/TW/HK 時間 2021-05-1400:34:55 優設 主題: 使用者介面設計 UI設計的工具層出不窮，每年都有不同的設計軟體、動效工具、標註工具、原型工具問世。

原因是因為UI類設計操作太簡單，所以軟體都以輕量化標榜。

輕量就意味著開發的門檻低，會有很多新創業團隊參與開發新的軟體，形成一個充分“內卷”的環境。

從Sketch問世以後，Adobe上市了XD，AffinityDesign更新了對UI的支援，再然後有了千呼萬喚始出來的InvisionStudio，以及後來居上的Figma等。

沒有一家產品能像Adobe一樣在平面領域獲得統治地位，山頭林立。

上面提到的還都是國外的產品，既然產品門檻不高，為什麼只能鬼佬做，中國人就不能做（狗頭）。

於是，在今天國內“致敬”Figma的UI介面工具也出現了。

還有一些針對原型、互動領域的設計工具理論上也是可以進行UI介面視覺設計的，這導致了我們在工具選擇領域上的進一步混亂。

下面，我們再把上面提到的所有軟體做個彙總，見下面的圖表。

介面的設計本質上是對2D平面圖形的設計、排版，理論上所有可以進行平面設計、排版的軟體都可以做UI設計。

但合不合適，好不好用，那是另一個議題。

只要你樂意，拿Excel做UI也不是不可以。

在Adobe已經稱霸平面軟體的背景下，Sketch還能異軍突起，就是因為PS、AI、ID等軟體，對於UI設計來說太臃腫。

本來這應該是一個共識了，但依舊有大量的同學還在用PS做介面，以及爭論PS的好處（對UI設計），這是讓我比較驚訝的。

“設計重要的是想法，不是軟體……”，這話並不是在什麼情景下都正確，PS/AI和Sketch的對比，就像歐洲重卡和超市購物車的區別，都可以裝貨送貨，即使歐卡冠軍也不會開重卡進超市裡購物的。

UI的介面設計需要應用到視覺功能大概只佔PS/AI的1%，而多出來的99%，並不是額外附贈的，是需要承擔對應代價的： 啟動關閉軟體速度更慢，時間更久 生成的檔案體積更大，更佔空間 對CPU、記憶體的消耗更大，更佔資源 圖層計算量較大，延遲高，卡頓 有更多的奇怪BUG和閃退問題 …… 在剛開始學習做介面的時候，只做一兩個介面對問題感知是不明顯的。

但一個完整的UI專案，頁面數不是個位數，往往總量達到三位數。

我們不僅要做很多頁面，而且要反覆調整裡面的內容，在上百個頁面中甚至還要經常修改反覆出現的某類文字、控制元件的樣式，這樣操作效率的問題就會被無限的放大，直至你發現PS/AI的缺陷會嚴重影響你的進度和工作量，並且完全無法避免。

而在Sketch/XD/Figma中，除了輕量化帶來的效率優勢外，會針對專案使用場景提供豐富的功能，包括樣式批量的修改、自動佈局、複用元件、團隊協作、線上分享…… PS/AI雖然是設計師必學軟體，但應用它們的場景並不在設計一般APP介面中，這是毋庸置疑的結論。

我們在學習的過程是不需要糾結應該學PS/AI好還是Sketch/XD/Figma好，而是兩類都要學，只是Sketch/XD/Figma，你應該學哪個？ 熟悉我們的朋友應該都知道，很多年前我們就在網上的平臺推薦使用XD，也錄製了不少和XD有關的教程:point_right:https://uiiiuiii.com/other/121283544.html 但是，今天它是我們第一個要排除的物件，因為過去我們看好它的潛力在這幾年並沒有兌現，且遠遠沒有達到預期。

相比Sketch和Figma來講，功能過於簡陋。

而且在國學的教學經驗中，XD還有個非常不靠譜的問題就是因為採用Winapp格式，相容性極差，在Win10不同版本會產生各種奇怪的問題，只有重灌系統一條路能走。

所以還沒開始學習的同學，可以直接略過XD，正在用的同學，可以儘早開始遷移到其它軟體。

而接下來，就要說說Sketch，這是名氣最響，在國內使用範圍也最廣的UI設計工具。

Sketch功能強大，也發展和積累了足夠久的輕量化設計軟體，但苦於只能在Mac端使用，Windows使用者是無緣上手的。

當然，這也不是它唯一的問題，還有下面這些缺點： 記憶體管理不理想，容易導致記憶體佔用率過高和溢位 點陣圖渲染方式也不理想，縮放顯示效率低.. 不能多人協作，只能使用傳統的檔案儲存和分享 BUG越改越多，極其容易造成未響應和閃退問題 …… Sketch的這些缺陷在UI設計圈子中造成非常普遍的吐槽和不滿，所以，Figma就踩著它的痛處上位了。

Figma從誕生起就被稱為次世代的設計工具，因為它最大的特點就是通過線上網頁的方式執行，能高效滿足遠端的分享、協作和溝通。

這意味著一個設計團隊的工程檔案管理可以實時同步，再也不用分散在每個設計師的電腦中，修改一個檔案也不用每次發一遍原始檔，加上可外鏈的規範庫，讓團隊設計效率得到革命性的升級。

至於細節功能上的差異，還有Figma對頁面渲染效率的優勢，都是次要因素。

在各個國外設計媒體和網站上，Figma使用者的佔比逐年穩步上升，反超Sketch成為最多人使用的UI設計工具，就已經說明它的優勢了。

即使國內的主流大廠，也有大量的團隊開始轉用Figma，作為主要的專案介面設計工具。

騰訊自己出過一份FigmaforTencent的報告，下面是一些關鍵截圖。

Figma在國內也必將成為未來的發展趨勢之一，這個方向是不可逆的，在趨勢面前……當然是選擇順應它咯！Figma是目前我們最推薦的UI設計工具，是新手學習和入門的首選。

但是，對新手來講，它前期包含的3個阻力，分別是網路、語言、費用，下面簡單做個說明。

1.網路問題 因為Figma沒在國內部署伺服器，所以在不開加速器的情況下往往會訪問比較慢，但實際體驗下是這兩年的國內訪問速度提升非常可觀（做過專項線路優化應該），滿足日常使用。

2.語言問題 因為Figma沒做中文適配，有傳說中的補丁包，但是非常不穩定，而且每次Figma更新就要重灌（每週一次以上的頻率）。

作為UI設計來講，必要的英文專業詞彙還是要了解的，只要看過教程多操作，順帶用翻譯軟體看下名詞解釋，幾天就能完全適應。

3.費用問題 對於個人使用者是免費的，在未來進行團隊協作的時候，人均月費是12刀，價格並不算太貴，而且因為自帶藍湖的功能，可以省掉藍湖的費用。

如果現在正在用別的軟體，也不要緊，UI類軟體的學習成本非常低，只要掌握其中一款，再學會另一款也就1-2天的時間。

前面也說到，除了國外的產品，國內也開始有團隊入局開發類Figma的軟體，我們姑且稱為是“致敬”（比如類Notion應用）。

長遠來看，這當然是一件好事，因為自己人做的產品必然會以迎合本土設計市場、習慣來定製，隨著功能的迭代，必然會新增更多符合國內UI設計師實際需求的功能。

同時，會有更快的網路，更便宜的價格，更好的售後支援，這對於生產力工具來說都是必要的條件。

當然，前景看好歸看好，那是以後的事情，但在今天，這兩款軟體都還非常的不成熟，有大量的問題。

JSDesign上線的比較早，功能相對完善一點，我們有用它來處理一些課程需要的知識點，但是頁面往往載入有BUG，讀取速度慢，對於輕量使用來說勉強夠用。

而剛上線的Master，是由藍湖團隊自己開發的設計工具，明擺著是為了和自家標註切圖工具打通實現UI設計流的閉環。

但是，目前的實際使用體驗只能說是“慘不忍睹”，有大量的惡性BUG，字型的使用上也有非常多的侷限。

只能簡單嚐嚐鮮關注下，在短期內完全無法作為生產力工具。

雖然看好國產類Figma工具的未來，但是時機還不夠成熟，作為新人也不需要花太多精力學習。

只要能掌握Figma本身，等到這些軟體完善以後在未來再轉入即可。

看完想必大家也知道我們最推薦的UI設計工具就是Figma，它代表了未來的生產力和趨勢。

順便，我們再製作了張表，把這些軟體的特徵做一個橫向的對比。

歡迎關注作者的微信公眾號：「超人的電話亭」 「其他文章」 提升購買轉化率難？快來試試這個新武器！ 如何一秒給圖片打馬賽克？試試線上神器「Redact.Photo」 米蘭設計週中國高校設計學科師生優秀作品展：武漢設計工程學院特輯 潘通流行色怎麼用容易出效果？4000字乾貨幫你掌握！ 作品集太普通？5分鐘教你做出一份可互動的線上作品集！ 面試中強調的產品思維到底是什麼？該如何提升？ 從3個方面，幫你瞭解「正態分佈模型」在體驗設計中的應用 在VR當中，尼爾森10大設計原則是否依然適用？ 有效提高轉化！4個裂變增長中的設計小套路 設計開放麥！從HR到高階互動設計師的「李嘉圖」 6000字乾貨！HMI視覺互動設計原則全方位指南 從理論到落地！3個方面詳析如何做好B端移動App設計 大廠出品！為什麼讓我們心動的產品細節越來越少？ 一整套3D圖示打包下載！免費可商用！ 大廠出品！手把手教你制定設計目標和設計策略 產品功能太多？先學會資訊架構設計的8個原則 用一篇文章，幫你掌握美國平面設計史 萬字乾貨！從4個方面完整解析柵格設計 如何優化閱讀體驗？來看大廠設計師的實戰案例！ 下一個洛天依？6個超寫實虛擬偶像產品分析 「使用者介面設計」 UI設計師和互動設計師的區別是什麼？ 三星GalaxyS21系列推送OneUI4.0Beta3版本，改善卡頓問題 三星電子宣佈正式推出OneUI4，GalaxyS21系列今日首批推送 淺談OPPO商城UI升級與小米商城高度相似之處！ 學IT的女生做互動設計師好嗎？有前景嗎？ 視覺設計師和ui設計師的區別你瞭解多少？ ui視覺設計在ToB產品設計中的重要性如何？（一） 如何量化使用者介面的易學習性？ 三星GalaxyS20系列現已在美國開啟OneUI4版本Beta測試 第八波！快速提升UI設計效果的6個小技巧