早年，UI設(shè)計師選擇的工具有限，功能相對單一，大多數(shù)在線原型設(shè)計工具都是國外的，語言和網(wǎng)絡(luò)都增加了設(shè)計工作的負(fù)擔(dān)。如今，國內(nèi)外有許多在線原型設(shè)計工具，不僅可以在瀏覽器上使用，而且還具有團隊合作功能，可以為設(shè)計師節(jié)省大量的工作量，這里有九個寶藏在線原型設(shè)計工具分享給你。
1.即時設(shè)計
即時設(shè)計是一款免費的在線 UI 設(shè)計工具，無系統(tǒng)限制，瀏覽器打開即可使用，更有豐富的在線素材、云端字體、交互動畫等功能滿足多種需求，輕松應(yīng)付移動端、Web端、可視化大屏等設(shè)計場景，還可和產(chǎn)品、開發(fā)輕松協(xié)作，實時在線評審、交付切圖、查看代碼標(biāo)注，大幅提高團隊工作效率。
具備豐富的原型交互功能，支持 PC + 移動端演示
即時設(shè)計的「原型」功能也已經(jīng)足夠完善，豐富的交互事件配合智能動畫，讓設(shè)計師能夠非?？焖俚貙崿F(xiàn)各種超棒的交互動效，在 PC 端實時預(yù)覽和模擬真實效果~
同時還有更符合國內(nèi)用戶習(xí)慣的 iOS 和 Android 端 App 與微信小程序，不僅可以滿足用戶通過手機實時預(yù)覽設(shè)計效果的需求，也支持文件管理和打點評論，讓項目評審可以直接在手機上完成，實現(xiàn)移動辦公~
2.UXPin
UXPin是一種從設(shè)計到交付的在線原型設(shè)計工具。在線原型設(shè)計工具UXPin適用于macOS、Windows、iOS、Android等系統(tǒng)。UXPin還提供預(yù)覽模式，用戶可以觀看原型，添加意見，或以鏈接的形式與客戶和其他成員分享預(yù)覽。
缺點：
變量和判斷功能不如其他工具完整。
3.invision
invision是一種專注于共享的在線原型設(shè)計工具。在線原型設(shè)計工具invision提供協(xié)作和共享功能。每個人都可以點擊原型圖進行實時標(biāo)記，這使得工作交流更加方便。此外，在線原型設(shè)計工具invision可以定制加載頁面和主屏幕icon，將動畫、特效、手勢等靜態(tài)設(shè)計轉(zhuǎn)換為原型。
缺點：
缺乏邏輯過程功能。
只有更基本的UI設(shè)計、流程圖和線框圖。
4.Zeplin
Zeplin是一種面向設(shè)計師和前端開發(fā)項目的在線原型設(shè)計工具。支持團隊合作，您可以通過在線原型設(shè)計工具Zeplin云存儲和導(dǎo)出作品，也可以分享鏈接邀請成員創(chuàng)建和注釋。當(dāng)團隊成員更新設(shè)計時，他們也會收到更改通知。此外，在線原型設(shè)計工具Zeplin還提供團隊設(shè)計存儲庫，可以放置團隊資源、組件、過去版本、通用模板、顏色和文本樣式，方便引用。
缺點：
其他軟件不兼容，設(shè)計導(dǎo)出困難，點擊查看解決方案。
免費版本不允許導(dǎo)入文件，需要在工具中重新創(chuàng)建。
5.Figma
Figma是一種基于云的在線原型設(shè)計工具。在線原型設(shè)計工具Figma支持團隊合作，頁面顯示正在查看和創(chuàng)建設(shè)計的成員，可以更好地了解每個成員的想法和設(shè)計進度。Figma支持Windows、macOS、Linux多個系統(tǒng)使用，選擇性更強。
缺點：
Figma的免費版本可以創(chuàng)建一個項目，三個文件，每個文件不超過三頁；收費版本太貴了，每月12美元，每月45美元。單擊使用中文版本的Figma。
6.Marvel
它是一種面向設(shè)計師的原型、測試和交付的在線原型設(shè)計工具。在線原型設(shè)計工具Marvel主要展示第三方集成的設(shè)計，而不是直接在工具中繪制。Marvel圖片可以用紙和筆起草，然后拍攝并上傳到Marvel。
缺點：
不能進行深度原型創(chuàng)作。
7.Proto.io
Proto.io是手機原型專用開發(fā)平臺。Proto.提供dashboard、復(fù)雜的編輯器和播放器接口管理項目，構(gòu)建原型環(huán)境，觀看原型交互。在線原型設(shè)計工具Prototo.io，可直接在移動設(shè)備上進行原型測試，也可直接在電腦端游覽器上運行原型。Proto.io還支持第三方插件lookback錄制屏幕，供設(shè)計師觀察用戶的習(xí)慣，用于修改或制定方案。
缺點：
僅支持DropBox，保存模板的方式較少。
8.Moqups
Moqups是一種基本原型設(shè)計和在線原型設(shè)計工具。除了圖標(biāo)資源、云功能等基本原型設(shè)計功能外，在線原型設(shè)計工具Moqups還支持團隊合作，所有成員都可以在線語音反饋。在線原型設(shè)計工具Moqups內(nèi)置網(wǎng)格對齊功能，使對象準(zhǔn)確對齊。
缺點：
支持合作的人數(shù)較少，只允許3人參與。
字體和樣式選項不如其他工具多。
9.MockFlow
MockFlow是一種適合Mac的在線原型設(shè)計工具。MockFlow支持在線原型設(shè)計工具的合作，團隊可以進行實時編輯、注釋和注釋。此外，MockFlow在線原型設(shè)計工具還提供預(yù)覽模式，可以查看繪圖，MockFlow提供了大量的UI組件和模板，方便繪制各種UI設(shè)計。
缺點：
UI庫只能用于傳輸單個組件，而且沒有UI塊。
