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

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

01

MasterGo

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

推薦理由：

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

自動適應(yīng)內(nèi)容大小：從一個按鈕到整個頁面的尺寸，可根據(jù)內(nèi)容的大小或數(shù)量，自動調(diào)整寬高。

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

快速調(diào)整位置：移動、增加或減少列表中的元素時，整個列表會自動排列。

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

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

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

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

云端字體，告別字體丟失

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

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

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

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

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

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

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

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

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

萬能鏈接，更快交付暢快交流

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

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

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

02

Pixso

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

推薦理由：

在UI設(shè)計時

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

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

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

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

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

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

在團(tuán)隊協(xié)作時

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

當(dāng)多地辦公時，團(tuán)隊成員可以同時打開文檔，進(jìn)行實時會話，不會因為地域問題而產(chǎn)生延遲。

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

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

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

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

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

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

03

即時設(shè)計

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

推薦理由：

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

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

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

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

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

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

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

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

04

藍(lán)湖

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

推薦理由：

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

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

支持在線評審，更新通知，自動備份

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

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

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

快速生成交互原型

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

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

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

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

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

設(shè)計圖管理

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

設(shè)計圖批注

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

自動保存歷史版本

隨時查看歷史版本，支持自動備份源文件

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

查看標(biāo)注

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

切圖下載

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

自動生成代碼

自動生成 CSS、iOS 和 Android 代碼

05

墨刀

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

推薦理由：

海量素材庫

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

高效原型設(shè)計

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

高效演示及評審

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

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

Sketch 插件&標(biāo)注

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

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

云端編輯

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

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

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

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