說起線框圖工具，你腦海中浮現的是什麽呢？老字號Axure RP？還是設計新寵Mockplus？如今，形形色色的線框圖工具可以說是唾手可得，當然，這是一件好事，但是另一方面呢，過多的選擇也的確容易造成設計師的選擇困難。尤其是現在的行業形勢，快速的產品叠代和開發節奏，越來越少的時間成本，快速設計的需求與日俱增。一些過於精細的設計工具其實並不適應當今的設計趨勢。這裏，我精選出了5款專註於快速設計的線框圖工具，能幫助你實現真正意義上的快速設計。

1. Wireframe CC

一款最輕量的框線圖工具，線框設計原來可以如此簡單！

平臺：Web-based

上手時間：低於10 mins

價格：基礎版-免費

高級版-$99/月

保真度：低保真

Wireframe CC是一款在線線框圖繪制工具，它采用的是極簡風格，界面極其簡潔，甚至沒有典型繪圖應用程序的工具欄和圖標。你只需在畫布上移動鼠標就可構建你想要的形狀。其最大的特點正是專註於最基本操作。目前支持網頁、手機橫屏和手機豎屏三種模式。

但Wireframe CC只適用於做最基礎的框線圖設計，無法進行任何的交互和動畫設計，功能比較有限。分享模式也是生成一個URL，比較單一。

2. Mockplus

一款讓你關註設計，而非工具本身的工具，致力於讓設計更快、更簡單！

平臺：Windows, Mac, Android, IOS

上手時間：5-10 mins

價格：普通-免費

專業-118/年

保真度：中低保真

Mockplus致力於快速構建和叠代原型，為設計師提供簡潔高效的設計方式，能在最短時間裏創造出最優的設計成果。看看它是如何實現快速設計的：

第一，Mockplus擁有200多個高度封裝的交互組件，3000個矢量圖標，以及大量可供直接使用的模板、例子項目以及模板頁面，並且支持在Sketch中直接導出MP文件，為快速設計提供了有效支持。

第二，Mockplus還是快速交互的不二選擇。只需使用封裝可見的交互組件，用鼠標進行拖拽即可完成交互，不需要任何一行代碼或者參數的設置。Mockplus目前支持3種交互方式：頁面交互，組件交互和屬性交互。交互命令還可一鍵自動還原，貼切而周到。

第三，Mockplus擁有8種快速測試和演示方式，支持手機端、瀏覽器及桌面端的原型測試。在線預覽和離線演示都可輕松實現，不受終端和網絡限制。

最後，Mockplus團隊推出了一系列別出心裁的設計，例如Microsoft Office風格的可視化格式刷，可快速進行批量復制，簡單直觀。最新的3.2版本增加了格子功能，可輕松復制頁面布局，並且可自定義屬性，非常人性化。Mockplus還支持腦圖設計模式，能快速完成項目的所有頁面構架，然後一件轉化為原型項目。

3. Balsamiq Mockups

一款基於Flash的快速線框圖工具，線框設計不再一籌莫展。

平臺：Windows, Mac, Web-bas

上手時間：15-20 mins

價格：$89

保真度：低保真

Balsamiq Mockups是一款備受青睞的線框圖工具，是2008由一個軟件工程師開發的，能幫助設計師更快地進行線框圖設計。

首先，Balsamiq擁有可以直接進行拖拽使用的元素，包括一些按鈕和列表，值得一提的是，這些元素都是手繪風格。設計師還可在編輯器裏提前準備好需要使用的小部件。

此外，Balsamiq官方網站還提供了很多模板，包括桌面App、移動端App以及網站模板等。可供點擊下載，使用起來快速便捷。

其次，Balsamiq獨一無二的手寫設計在如今的機械化設計中顯得十分別致，能讓設計師體會一種在空白屏幕裏進行手繪設計的獨特體驗。加上其種類繁多且風格獨特的UI庫，能為設計師提供最便捷的服務。

但Balsamiq並不是一款適合做超大型項目的工具，雖然它也可以用於做一些設計，但想要加入一些比較深入的動態效果就比較局限，當然，這和他們的設計初衷也不相一致，Balsamiq就是專註於簡潔粗略的線框圖設計而非原型。

4．Pencil Project

一款專註於制作圖表和GUI原型設計的線框圖工具。

平臺：Windows, Linux, Mac

上手時間：10-15 mins

價格：免費

保真度：低保真

Pencil Project可以說是一款明星工具，它曾在2008年獲得過Mozilla 的“Best New Add-On”獎項。Pencil Project是基於火狐瀏覽器上的圖形工具，但它也可以在Linux和Windows系統中作為一個獨立的運用程序。

Pencil Project支持草圖繪制，還可制作圖形化的原型繪制，甚至可以像Balsamiq Mockups具有手繪風格。支持連接器，可以用於在圖中將“形狀”鏈接在一起，甚至流程圖形狀的合集也可以用於繪圖。

此外，pencil Project還支持圖形元素的鏈接，可以將某元素鏈接到同一文檔的特定頁面，有助於設計師在創建運用程序或網站模型時定義UI流程。

但如果你不是火狐的用戶，Pencil Project對你的吸引力也許會大大減弱。如果你恰好是，那麽pencil Project非你莫屬。

5. Fliud UI

一款專註於制作手機軟件模型的工具，值得嘗試。

平臺：Web-based

上手時間：20-25 mins

價格：個人- $8.25/月

高級版- $19.08/月

團隊版- $41.58/月

保真度：高保真

Fliud UI是一款基於網頁端的線框圖設計工具，與其他的大部分線框圖工具不同，Fliud UI支持添加手勢，並且具有動畫效果，可以制作高保真的線框圖。

Fliud UI有16個用於iOS，Android，Windows8的用戶界面庫，其中包含超過2000個可定制的小部件和圖標，可以直接從這些內置庫裏拖拽元素創建頁面，簡潔高效。FluidUI還提供團隊的實時協作，可用於用戶測試的視頻環聊，進行設備上的測試和交互式預覽，團隊共享非常便捷。

以上是我總結出的5款真正意義上能夠實現快速設計的線框圖工具。盡管每款工具各具特色，也各有不足，但總體上都能滿足你進行快速線框圖設計的需要。在這裏，我也分享一下我個人的喜好和選擇，能進行快速的線框圖制作是首要條件，這5款工具基本難分伯仲，但在設計過程中，我們往往會要求更多，譬如設計靈感的查找，多樣的快速演示和分享方式，力求最低的學習成本，比較深入的交互和動效，以及更多的人性化設置，通過自己的親身經歷，Mockplus是其中最能滿足設計過程中各種需求的佼佼者，也是我極力推薦的一款工具，值得用心一試。

為快速設計絞盡腦汁？5款快速線框圖工具為你雪中送炭