做UI設(shè)計不僅要閱讀UI設(shè)計技巧文章，還要掌握好用的UI設(shè)計工具，增加UI設(shè)計的實踐經(jīng)驗，從而熟能生巧，提高UI設(shè)計效率。

找到一個好的在線UI設(shè)計工具，比如魚遇到水，就會開啟高效的UI設(shè)計。因此，掌握一些適合自己的在線UI設(shè)計工具是非常重要的。本文從功能優(yōu)缺點、價格等維度對設(shè)計師常用的五種在線UI設(shè)計工具進行了盤點，直接進入話題。

即時設(shè)計（https://js.design/?source=zhihu&plan=ysbz2154）

即時設(shè)計是一種協(xié)同的在線UI設(shè)計工具，擁有不輸Figma的功能、Sketch的強大性能，結(jié)合了UI設(shè)計師必備的強大設(shè)計功能。多個設(shè)計師在同一個畫布或項目中實時合作，修改內(nèi)容，實時在線更新和獲取，避免文件傳輸、版本更新等復(fù)雜步驟。

即時設(shè)計是一款免費的在線 UI 設(shè)計工具，無系統(tǒng)限制，瀏覽器打開即可使用，更有豐富的在線素材、云端字體、交互動畫等功能滿足多種需求，輕松應(yīng)付移動端、Web端、可視化大屏等設(shè)計場景，還可和產(chǎn)品、開發(fā)輕松協(xié)作，實時在線評審、交付切圖、查看代碼標(biāo)注，大幅提高團隊工作效率。

價格：即時設(shè)計對個人用戶永久免費。

AxureRP

長期以來，AxureRP一直是市場上最好的在線UI設(shè)計工具之一，非常適合需要強大功能、復(fù)雜交互和動態(tài)數(shù)據(jù)的技術(shù)項目。除了其他在線UI設(shè)計工具提供的標(biāo)準(zhǔn)功能外，AxureRP還提供了線框組件，以幫助UI設(shè)計師進一步規(guī)劃復(fù)雜的信息架構(gòu)。

缺點：無自動布局、自適應(yīng)窗口、組件動效等智能UI設(shè)計功能。

價格：Pro版29美元/月，Team版49美元/月，Enterprise版99美元/月。

Illustrator

在線UI設(shè)計工具Illustrator屬于Adobe，簡稱AI。它是一種矢量圖形在線UI設(shè)計工具，在圖形設(shè)計、logo設(shè)計、UI設(shè)計、排版設(shè)計等領(lǐng)域都有非常右翼的性能。這種在線UI設(shè)計工具是創(chuàng)建高質(zhì)量UI設(shè)計的理想選擇，當(dāng)圖像尺寸增加時，矢量文件類型可以保留分辨率。

缺點:熟悉矢量圖形的UI設(shè)計師很容易上手，但對于初學(xué)者來說，需要預(yù)留大量的學(xué)習(xí)時間。

價格：有3個定價版本，從20.99美元到239.88美元不等。

Sketch

Sketch是一種舊的在線UI設(shè)計工具。Sketch刪除了繁瑣的使用過程，使設(shè)計師能夠致力于創(chuàng)作。通過Sketch的符號庫、圖層風(fēng)格、文本風(fēng)格、尺寸調(diào)整和對齊功能，設(shè)計師可以輕松隨意地更改UI設(shè)計作品，節(jié)省設(shè)計師交付的時間。

缺點：這種在線UI設(shè)計工具只適用于macos，對使用Windows系統(tǒng)的UI設(shè)計師非常不友好。

價格：30天免費試用，之后9美元/月，99美元/年。

Figma

Figma是國內(nèi)外非常流行的在線UI設(shè)計工具，可以實現(xiàn)快速UI設(shè)計、原型制作和流暢的合作工作流程。Figma的鋼筆工具受到許多UI設(shè)計師的青睞。值得一提的是，在線UI設(shè)計工具即時設(shè)計也有這個功能。在即時設(shè)計中，用鋼筆工具創(chuàng)建的矢量網(wǎng)格沒有方向，可以在不同方向分叉，輕松設(shè)計多邊弧和餅圖。

缺點：由于該在線UI設(shè)計工具完全基于云，因此，如果系統(tǒng)不連接到互聯(lián)網(wǎng)，則無法正常工作。

價格：個人基本版免費使用，更多功能的專業(yè)版每月12美元或45美元。

除了個人版本的免費優(yōu)勢外，即時設(shè)計還擁有更多的資源和社區(qū)類型。與其他國外在線UI設(shè)計工具相比，在線UI設(shè)計工具即時設(shè)計可以為設(shè)計師節(jié)省資金，國內(nèi)研發(fā)環(huán)境也更考慮當(dāng)?shù)豒I設(shè)計師的工作環(huán)境和應(yīng)用需求，是許多專業(yè)UI設(shè)計師青睞的在線UI設(shè)計工具。

復(fù)制鏈接，查看更多的設(shè)計資源和素材

js.design/community?category=design&source=zhihu&plan=yszl2154