導(dǎo)讀：協(xié)同辦公時(shí)代，國(guó)產(chǎn)設(shè)計(jì)工具狂奔，不少類(lèi)似Figma的國(guó)產(chǎn)設(shè)計(jì)工具已經(jīng)可以滿足設(shè)計(jì)師需求，像即時(shí)設(shè)計(jì)、MasterGo和Pixso等國(guó)內(nèi)UI設(shè)計(jì)軟件及時(shí)響應(yīng)了Figma封停風(fēng)波，上線Figma文件導(dǎo)入功能，努力實(shí)現(xiàn)Figma功能的無(wú)縫替代，同時(shí)這些軟件采用輕量化設(shè)計(jì)，免費(fèi)使用，還可多人在線協(xié)同辦公，海量的UI設(shè)計(jì)數(shù)據(jù)庫(kù)，一站式完成設(shè)計(jì)師的需求，軟服之家數(shù)據(jù)研究中心為你推薦2022國(guó)產(chǎn)UI設(shè)計(jì)軟件！一起來(lái)了解吧！

2022國(guó)產(chǎn)UI設(shè)計(jì)軟件推薦

01

MasterGo

MasterGo 是團(tuán)隊(duì)協(xié)作的專業(yè) UI/UX 設(shè)計(jì)工具，對(duì)個(gè)人和教育行業(yè)永久免費(fèi)。MasterGo 集成云端實(shí)時(shí)同步、多人同時(shí)編輯、隨時(shí)在線評(píng)審、設(shè)計(jì)圖一鍵交付等強(qiáng)大功能，為設(shè)計(jì)師、產(chǎn)品經(jīng)理和工程師，提供高性能、高效率且易上手的界面設(shè)計(jì)工具和協(xié)同平臺(tái)。幫助設(shè)計(jì)師提高設(shè)計(jì)和交付效率，幫助團(tuán)隊(duì)提升協(xié)作和產(chǎn)出能效。

推薦理由：

自動(dòng)布局，實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)

自動(dòng)適應(yīng)內(nèi)容大?。簭囊粋€(gè)按鈕到整個(gè)頁(yè)面的尺寸，可根據(jù)內(nèi)容的大小或數(shù)量，自動(dòng)調(diào)整寬高。

響應(yīng)式設(shè)計(jì)：設(shè)計(jì)尺寸、內(nèi)容有變化，界面將自動(dòng)調(diào)整布局，實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)。

快速調(diào)整位置：移動(dòng)、增加或減少列表中的元素時(shí)，整個(gè)列表會(huì)自動(dòng)排列。

設(shè)計(jì)系統(tǒng)，保證設(shè)計(jì)一致性

可復(fù)用樣式：文字、顏色、特效可設(shè)置為樣式一鍵復(fù)用。修改樣式，全局同步。

靈活的組件：快速編輯并設(shè)置覆蓋，配合樣式，實(shí)現(xiàn)“改一處，改所有”。

同步給團(tuán)隊(duì)：只需點(diǎn)擊幾下，所有組件樣式都可共享給整個(gè)團(tuán)隊(duì)使用。

云端字體，告別字體丟失

云端字體：預(yù)置海量可商用字體，從設(shè)計(jì)到開(kāi)發(fā)，無(wú)需安裝字體就能看到正確的字體樣式。

保存字形：默認(rèn)保存文字的矢量字形，確保分享給任何人，都能看到你精心挑選的字體。

智能輔助，享受創(chuàng)作而非操作

快速填充素材：用資源庫(kù)快速填充圖片、文字等素材。

顏色選集：相同顏色一鍵修改，創(chuàng)作探索，隨心所欲。

智能整理：點(diǎn)擊一下，凌亂的圖層就能變得整齊有序。

矢量編輯，細(xì)節(jié)盡顯專業(yè)

基礎(chǔ)圖形的高級(jí)功能：不管是 17 邊形還是 6 芒星，可快速得到想要的形狀，還可自由調(diào)整內(nèi)外角大小以及圓角的平滑曲線。

普通鋼筆的不普通特性：不同于傳統(tǒng)的鋼筆路徑，MasterGo 的每個(gè)錨點(diǎn)都可連接多條路徑。

萬(wàn)能鏈接，更快交付暢快交流

設(shè)計(jì)評(píng)審：團(tuán)隊(duì)成員隨時(shí)隨地查看、評(píng)審設(shè)計(jì)稿，溝通更順暢。

標(biāo)注模式：設(shè)計(jì)圖實(shí)時(shí)更新，工程師隨時(shí)查看，輕松獲取 Web、iOS、Android 代碼。

查看者數(shù)量不設(shè)限：通過(guò)鏈接邀請(qǐng)他人查看設(shè)計(jì)稿，交付和交流都能在這實(shí)現(xiàn)。

02

Pixso

Pixso是一款專業(yè)的UI設(shè)計(jì)軟件，軟件功能非常強(qiáng)大，主打UI設(shè)計(jì)功能，與此同時(shí)軟件也實(shí)現(xiàn)了協(xié)同辦公、交付和資源統(tǒng)一管理的的功能，團(tuán)隊(duì)成員之間只需要通過(guò)軟件即可實(shí)現(xiàn)工作對(duì)接，協(xié)同辦公，效率更高，平臺(tái)支持多個(gè)平臺(tái)使用，windows平臺(tái)、macos平臺(tái)、安卓移動(dòng)端、linux系統(tǒng)等。

推薦理由：

在UI設(shè)計(jì)時(shí)

Pixso作為一款UI設(shè)計(jì)軟件，最核心的功能當(dāng)然是UI設(shè)計(jì)！

Pixso屬于一款小而美的UI設(shè)計(jì)工具，設(shè)計(jì)功能全而精，不會(huì)過(guò)于復(fù)雜全面而難以入手，但又能很好的包含UI設(shè)計(jì)工作時(shí)所需要的功能。

鋼筆工具 | 相較于傳統(tǒng)的AI軟件更加靈活，可以直接增加無(wú)方向路徑。

智能形狀工具 | 不僅提供了諸多預(yù)設(shè)圖形，還可以拖動(dòng)錨點(diǎn)進(jìn)行快速轉(zhuǎn)換，以此進(jìn)行高效畫(huà)圖。

自動(dòng)布局 | 能夠快速的將多個(gè)對(duì)象創(chuàng)建父級(jí)框架，進(jìn)行有序排版，當(dāng)增加或刪減對(duì)象時(shí)，都會(huì)自動(dòng)調(diào)整其他對(duì)象位置進(jìn)行重新排版。

歷史版本 | 可以隨時(shí)保存當(dāng)前版本，需要時(shí)可以隨時(shí)回溯。

在團(tuán)隊(duì)協(xié)作時(shí)

與Sketch相比，Pixso在協(xié)同方面的優(yōu)勢(shì)顯而易見(jiàn)–支持多人實(shí)時(shí)同步。

當(dāng)多地辦公時(shí)，團(tuán)隊(duì)成員可以同時(shí)打開(kāi)文檔，進(jìn)行實(shí)時(shí)會(huì)話，不會(huì)因?yàn)榈赜騿?wèn)題而產(chǎn)生延遲。

與Figma相比，Pixso因?yàn)榉?wù)器設(shè)在國(guó)內(nèi)，網(wǎng)頁(yè)使用感堪稱絲滑，完全不存在延遲、卡頓等狀況，明顯強(qiáng)于其他大多數(shù)海外軟件。

這一點(diǎn)對(duì)于抱著提升團(tuán)隊(duì)合作效率目的而來(lái)的用戶來(lái)說(shuō)，是非常關(guān)鍵的。

在進(jìn)行交付時(shí)：

Pixso的自動(dòng)標(biāo)注也可以減少溝通成本 —— 在制作頁(yè)面的過(guò)程中，會(huì)實(shí)時(shí)生成代碼，甚至能清晰表達(dá)組件與組件之間的位置關(guān)系。

以往給前端頁(yè)面圖片時(shí)還需要進(jìn)行標(biāo)記，現(xiàn)在可以直接生成鏈接。

可以同時(shí)完成預(yù)覽的需要，直觀明了，減少不必要的溝通和溝通可能帶來(lái)的誤解。

03

即時(shí)設(shè)計(jì)

即時(shí)設(shè)計(jì)是一款「專業(yè)UI設(shè)計(jì)工具」，不受平臺(tái)限制，打開(kāi)瀏覽器即可開(kāi)始創(chuàng)作。精細(xì)化設(shè)計(jì)能力、豐富的設(shè)計(jì)資源、多人實(shí)時(shí)協(xié)作、設(shè)計(jì)成果一鍵分享交付，讓設(shè)計(jì)師在工作中每一個(gè)步驟上都能擁有更高效愉悅的體驗(yàn)。

推薦理由：

實(shí)時(shí)協(xié)同，提升各角色工作流中的效率

無(wú)論是多位設(shè)計(jì)師協(xié)同創(chuàng)作，還是產(chǎn)品經(jīng)理隨時(shí)隨地評(píng)審、溝通反饋，或是研發(fā)人員查看實(shí)時(shí)更新的設(shè)計(jì)稿獲取切圖標(biāo)注，都可得到滿足。

多種主流文件格式遷移，讓你進(jìn)得來(lái)出得去

可導(dǎo)入 Figma、Sketch、XD 等文件，無(wú)縫銜接以往工作內(nèi)容；還可導(dǎo)出 Sketch 文件滿足跨工具協(xié)作。

貫穿產(chǎn)品創(chuàng)造全過(guò)程

為產(chǎn)研團(tuán)隊(duì)制定的角色化解決方案，從產(chǎn)品原型，頁(yè)面交互，到設(shè)計(jì)師的完整設(shè)計(jì)創(chuàng)作，再到與開(kāi)發(fā)的切圖標(biāo)注對(duì)接并交付上線，完整的產(chǎn)研工作流皆可通過(guò)即時(shí)設(shè)計(jì)一站式完成并實(shí)時(shí)協(xié)同。

對(duì)比同領(lǐng)域軟件

即時(shí)設(shè)計(jì)顛覆傳統(tǒng)設(shè)計(jì)軟件的形態(tài)，將設(shè)計(jì)師與設(shè)計(jì)師、與產(chǎn)品、與開(kāi)發(fā)，通過(guò)線上協(xié)作網(wǎng)絡(luò)聯(lián)結(jié)起來(lái)，讓設(shè)計(jì)師不再孤島式作業(yè)，同時(shí)涵蓋所有傳統(tǒng)工具功能，為廣大產(chǎn)研群體提供更具價(jià)值的服務(wù)。

04

藍(lán)湖

藍(lán)湖是一款產(chǎn)品文檔和設(shè)計(jì)圖的共享平臺(tái),幫助互聯(lián)網(wǎng)團(tuán)隊(duì)更好地管理文檔和設(shè)計(jì)圖。藍(lán)湖可以在線展示Axure,自動(dòng)生成設(shè)計(jì)圖標(biāo)注,與團(tuán)隊(duì)共享設(shè)計(jì)圖,展示頁(yè)面之間的跳轉(zhuǎn)關(guān)系。

推薦理由：

產(chǎn)品經(jīng)理輕松表達(dá)需求

在線展示文檔，團(tuán)隊(duì)查看更方便

支持在線評(píng)審，更新通知，自動(dòng)備份

一個(gè)地方展現(xiàn)所有資源

匯總文檔和設(shè)計(jì)，理解更輕松

按頁(yè)面邏輯連線，展現(xiàn)邏輯更清晰

快速生成交互原型

強(qiáng)調(diào)產(chǎn)品交互的說(shuō)明和備注

產(chǎn)品經(jīng)理可以基于設(shè)計(jì)圖發(fā)表意見(jiàn)

設(shè)計(jì)師更快交付設(shè)計(jì)圖

自動(dòng)標(biāo)注設(shè)計(jì)圖，從此不再低效手工

一鍵生成標(biāo)注和切圖，自動(dòng)共享給同事

設(shè)計(jì)圖管理

清晰展現(xiàn)設(shè)計(jì)圖不同狀態(tài)

設(shè)計(jì)圖批注

打點(diǎn)標(biāo)記進(jìn)行評(píng)論, @相關(guān)成員可實(shí)時(shí)通知

自動(dòng)保存歷史版本

隨時(shí)查看歷史版本，支持自動(dòng)備份源文件

工程師快速省心開(kāi)發(fā)

查看標(biāo)注

點(diǎn)擊任意元素，即可查看標(biāo)注信息

切圖下載

一鍵下載，支持 JPG、PNG、SVG、WebP

自動(dòng)生成代碼

自動(dòng)生成 CSS、iOS 和 Android 代碼

05

墨刀

墨刀是一款在線產(chǎn)品原型設(shè)計(jì)協(xié)作軟件，界面簡(jiǎn)潔易用、上手快，內(nèi)置豐富的素材廣場(chǎng)、可搭配Sketch 插件。為企業(yè)提供強(qiáng)大的原型設(shè)計(jì)能力、產(chǎn)品設(shè)計(jì)協(xié)作能力和項(xiàng)目細(xì)度管理能力支撐，獲得國(guó)內(nèi)外眾多知名公司的信賴。

推薦理由：

海量素材庫(kù)

內(nèi)置包含組件、圖標(biāo)、模版的豐富素材庫(kù)，擁有 20 行業(yè)模板覆蓋電商、教育、金融等行業(yè)，并持續(xù)更新中。輕松搭建個(gè)人素材庫(kù)，可供隨時(shí)復(fù)用，把更多的時(shí)間投入到業(yè)務(wù)梳理和創(chuàng)新中去。

高效原型設(shè)計(jì)

即使不懂代碼，也能做出栩栩如生的動(dòng)效。直接拖拽素材即可搭建精美界面，并能添加多種動(dòng)作事件設(shè)置多種手勢(shì)和轉(zhuǎn)換效果，直觀完成交互設(shè)計(jì)。同時(shí)還可以直接導(dǎo)入設(shè)計(jì)稿，通過(guò)添加熱區(qū)輕松實(shí)現(xiàn)交互。

高效演示及評(píng)審

為原型作品配上真機(jī)殼，模擬真實(shí)產(chǎn)品交互體驗(yàn)，為你的提案加分。另外還可一鍵分享給他人，通過(guò)鏈接或二維碼，他人即可隨時(shí)隨地查看。

只要對(duì)方是企業(yè)成員，就可在原型作品上打點(diǎn)評(píng)論，同時(shí)還能一鍵下載 HTML 演示包 / PNG / APK，以此實(shí)現(xiàn)離線演示。

Sketch 插件&標(biāo)注

通過(guò) Sketch 插件上傳設(shè)計(jì)文件，工具會(huì)自動(dòng)生成設(shè)計(jì)標(biāo)注信息、全平臺(tái)樣式代碼并智能提供當(dāng)前頁(yè)顏色?？勺杂蓸?gòu)建個(gè)人色板，擁有專業(yè)的顏色解決方案。

工具會(huì)提供多倍率切圖文件，并根據(jù)全平臺(tái)單位自動(dòng)換算，令開(kāi)發(fā)適配更簡(jiǎn)單。協(xié)同討論讓設(shè)計(jì)師與開(kāi)發(fā)者高效溝通，堪稱工作交付利器。

云端編輯

除了客戶端，還能直接通過(guò)瀏覽器登錄使用，同時(shí)支持手機(jī) App 實(shí)時(shí)查看項(xiàng)目進(jìn)展。只需一個(gè)帳號(hào)，就可隨時(shí)隨地辦公，系統(tǒng)自動(dòng)保存所有更改，擺脫忘記儲(chǔ)存的煩惱。

金融級(jí)數(shù)據(jù)安全

無(wú)需擔(dān)心產(chǎn)品原型被泄露，128 位 SSL 協(xié)議為數(shù)據(jù)傳輸加密，資源安全有保障。AWS 及多級(jí)容災(zāi)備份，文件多級(jí)權(quán)限控制 / 鎖定歸檔 / 分享加密。從系統(tǒng)、傳輸、內(nèi)容多層面，保障數(shù)據(jù)安全及服務(wù)可用性。

如有遺漏或不準(zhǔn)確之處，歡迎指正。歡迎在軟服之家文章留言區(qū)補(bǔ)充您正在使用的軟件或者您了解的案例。