26款免費原型工具,免費原型工具大合集


1. 小紅星

小紅星是一款桌面版原型設計工具,純中文界面,吸收了國內外多種原型工具的特色功能,結合國內產品設計的特點、去除了商業軟件的各種限制,無需注冊賬號、無需登錄平台、原型文件保存在用戶自己的電腦上,導出html不受限制,分享原型不受限制。擴展了hotgloo/axure/invision等軟件的組件包、並定期更新擴展組件包 。

免費方式:免費

主要功能:

  • 豐富的組件、靈活的組件組合方式、豐富的圖標庫。
  • 項目分享到網絡
  • 導出html文件
  • 快速制作網站、手機app、游戲、桌面軟件、移動設備軟件等多種類型項目原型圖。
  • 頁面容器、豐富的設備外觀

適用情景:視覺稿/高保真原型,大型復雜項目,Web線框圖,網頁原型

下載地址 : http://www.atomstudio.cn/download/xstar-setup.zip

2. HotGloo

 免費方式:免費試用

非常直觀易用,內置支持聊天功能,實時與他人分享原型。這款工具適合用戶體驗設計師、視覺設計師、IT從業人員和管理人員。

下載 :https://www.hotgloo.com/

3. Invision

免費詳情:免費1個項目
功能特色:項目反饋管理,團隊協作, 支持手勢和轉場功能 快速創建熱點鏈接頁面 支持Sketch/Photoshop導入 支持版本控制 支持多種分享方式(URL, Email, SMS, Zip, PNF)

適用情景:線框圖,移動應用原型InVision可以說是一款較流行的免費原型設計工具,設計師可以利用它免費設計一個的項目。這款工具允許設計師編輯,分享和測試具有一定交互的應用原型。而其團隊協作功能,即允許設計師導入原型,討論和添加交互及動畫,也為部分設計師用戶所喜愛。因此,InVision更適合團隊使用。
產品地址:https://www.invisionapp.com/

4. Justinmind

免費方式:免費試用30天
功能特色:

支持手勢交互 自定義組件(庫) 支持動畫 支持團隊協作功能 支持版本控制 快速預覽原型 多種導出方式(HTML+JS, Word, PNG, 導航地圖)
適用情景:高保真原型,線框圖,移動端原型

這也是一款適用於高保真原型和線框圖的原型工具。不過對於新手設計師來說,這款工具的學習曲線也是比較高的。
產品地址:http://www.justinmind.com.cn/

5. origami

 免費方式:免費

早在Facebook推出Facebook Home時,相信強大的原型工具Quartz Composer就進入了很多設計師的法眼,無須編寫代碼就可以輸出細膩豐富的動畫,這個太刁了,和大家一樣,彼時我也信誓旦旦勵志要學會這個玩意兒,於是開始參考教學視頻摸索,甚至拿着Quartz Composer的Guideline企圖翻譯,結果發現並不是那么簡單。於是學QC這件事情就一直一直擱淺,直到Facebook又推出了Paper,有了Origami這個插件,QC的門檻瞬間降低了很多,終於,感覺自己入!門!了!!尤其是和Sketch聯動,做demo真是方便了很多。

但是只有mac版,而且學起來也不是那么容易,個人感覺principle做交互足夠了

6. axure

免費方式:免費試用30天

功能特色:

    支持交互設計生成規格說明文檔輸出HTML原型版本控制管理支持多人協作設計母版功能支持動態面板和復用模板

適用情景:視覺稿/高保真原型,大型復雜項目,Web線框圖,網頁原型

7. Flinto

免費詳情:免費
功能特色:支持轉場動畫,畫面滾動流暢 支持創建手勢交互 支持Sketch導入 支持在iPhobe/iPad上進行實時預覽 分享原型

適用情景:多頁面,復雜交互的原型,高保真原型
Flinto是一款mac上強大的移動應用原型設計工具,你可以使用它創建多種原型。從最簡單的頁面跳轉到令人印象深刻的交互動效,無需任何代碼和復雜的時間軸,我認為這正是大多數交互設計師所期望的。
地址:http://www.flinto.com.cn/

8. Proto.io

免費情況:免費試用
功能特色:

豐富的移動端設計組件 (可自定義) 支持Sketch和Photoshop插件 大量現成的項目模板 支持原型預覽(HTML,短信發送至手機預覽), 支持多種文件導出形式(HTML, PNG, PDF)
適用場景:移動端原型,弱動畫原型

一款專注於移動端原型開發的軟件,可以建立全交互式的移動App原型。設計師可以直接在真實的移動設備上對原型設計進行測試。並且可以使用iOS或Android上的瀏覽器以全屏模式運行原型。不過這是款在線設計工具,設計師在進行原型設計時需要保持經常在線。
地址:https://proto.io/

9. balsamiq

 免費情況:免費試用30天
功能特色:獨一無二的手繪風格 支持Linux, 支持WIKI風格的代碼規則 內置大量模塊(包括桌面App,移動端App及網站模板等) 支持多平台使用(Windows、Mac OS、Linux) 支持PDF導出 擁有種類繁多且風格獨特的UI庫
適用場景:低保真原型,靜態網頁原型,手繪風格原型

Balsamiq是一款免費且界面簡潔的Mac原型工具,致力於是盡量給用戶,即UX/UI設計師,產品經理和開發工程師,一種近似於直接使用筆和紙繪制原型草圖的體驗。它能夠幫助設計師快速地直接在Mac電腦上繪制網頁或Android/iOS移動端設備應用的草圖。
地址:https://balsamiq.com/

10. 藍湖

 免費方式:免費

  藍湖是高效的產品設計協作平台。可以無縫銜接產品,設計、研發流程,降低溝通成本,縮短開發周期,提高工作效率。

11. Cacoo

免費方式:免費

 這款工具支持22種語言,適用於全球大多數用戶。支持實時團隊協作,用戶可以同時在線使用這款原型工具。運用它可以制作多種圖表,例如:site maps, wire frames, UML和網絡圖表等。

地址:https://cacoo.com/
 

12. Gliffy

免費方式:免費

這款工具號稱是最廣泛的在線原型工具,可制作非常專業的流程圖、org圖、UML圖、network圖、線框圖等等。

地址:https://www.gliffy.com/

13. 墨刀

免費方式:免費3個項目

13. iPlotz

免費方式:免費

iPlotz可以快速創建可點擊的、可導航的模型,以及各種網站和軟件的線框原型圖。

地址: http://iplotz.com/

14. Creately

免費方式:免費

Creately提供實時協作功能和50多種圖形類型,支持7種語言,並為Linux、Mac和Windows三大系統提供桌面版本

地址:https://creately.com/

15. ProtoShare

免費方式:免費試用

ProtoShare是一款易於使用且協作性強的原型工具,幫助團隊創建網站線框和交互原型。它可以用JavaScript和CSS生成自定義模塊。

地址:http://www.protoshare.com

16. Lumzy

免費方式:免費

  已經有200個國家的47,604位設計師運用在52,872個項目中。Lumzy是一個功能很強大的原型工具,支持彈出操作、警報、頁面導航等等。它是唯一一款提供實時圖像編輯器的原型工具,支持圖像抓取、大小調整、對比度調整和飽和度調整等等。

地址:http://www.lumzy.com/

17. Pidoco

這款快速原型設計工具支持拖放操作、交互原型、實時協作、可用性測試、自定義模板等功能,可生成PDF文檔、可編輯的RTF文件、SVG圖像和HTML文件。

地址: https://pidoco.com

18. Mockingbird

免費方式:免費試用

Mockingbird擁有網站和軟件原型所需的所有UI元素,支持自定義網格和智能文本大小,可同時創建多個頁面原型,能輸出PDF和PNG文件。

19. Figma

免費方式:免費試用

Figma 是一個基於瀏覽器的協作式 UI 設計工具,Figma 從推出至今越來越受到 UI 設計師的青睞,如今也有很多的設計團隊投入了Figma 的懷抱,接下來會聊聊為什么我們應該選擇 Figma 而不是 Sketch。

地址: https://www.figma.com/

20. Framer X

免費方式:免費試用

Framer 已經上線有一段時間了。它的前身——Framer Studio 是用來制作高階且復雜的交互原型,比如可以鍵入信息、調用設備傳感。不過它也有一個缺點,就是需要 CoffeeScript編程基礎。

21. Marvel

Marvel 也是海外知名度較高的一款在線原型設計協作工具,支持PS和sketch設計稿導入做交互原型,也有自動標注功能。使用Marvel 可以在線完成中保真程度的原型設計,添加手勢操作和過渡效果后,即可實現可交互的產品原型設計。

通過 Marvel,用戶可以便捷地分享和演示項目,客戶或團隊其他成員則可以直接在相應的界面上進行評論或注釋。

地址:http://www.marvelapp.com

22. ProtoPie

免費試用

ProtoPie 是一款比較年輕的產品,ProtoPie 將交互簡化成了三個基本的要素:動作對象、觸發動作和反應動作。大量的觸發動作庫(基本動作,條件和傳感器)拼接出保真度非常高的原型。雖然制作過程中點擊操作比較多,但產出效果都非常好。

23. 墨刀

免費方式:免費

墨刀是一款不錯的在線原型設計和協同工具。尤其拖拽連接的功能尤其好用。並且提供大量設計素材。

地址:https://modao.cc

24.xiaopu

免費

xiaopiu作為一款新型的原型工具,它的最大特點就是,提倡資源共享。你可以隨便引用他人公開的共享資源,可以在他人公開的資源里面,直接編輯,學習他們的制作過程,選取你想用到的任何組件和素材

地址:https:// www.xiaopiu.com/

25. 摩客

 免費方式:免費

摹客是更快更簡單的協作設計平台,其核心功能點包括:智能標注、一鍵切圖、多樣批注、交互原型、全貌畫板、團隊管理。支持上傳PS,Sketch,Adobe XD三大設計工具的設計稿,以及原型圖(Justinmind、Mockplus、Axure等)。摹客的主要用戶對象是產品經理、設計師和工程師,提升團隊協作效率。


地址:https://app.mockplus.cn/

26. Atomic

免費

Atomic 是在網頁端操作的軟件。個人其實更喜歡安裝型應用,但是我還是要感謝 Atomic 提供了強大協作功能,比如團隊可以遠程協作同一個項目。不過 Atomic團隊宣布他們正將把注意力轉移到其他項目上。如果你有 Atomic 的賬戶,你可以一直使用到2019年6月30日,在此之后你將無法再使用 Atomic。真是個壞消息!不過你還有一些時間試試這款工具。

地址: http://www.atomic.com


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM