作為專業從事設計工作的設計師來說，在選擇交互和原型設計工具方面他們通常有著最為寬廣的視野和最為靈敏的嗅覺。而作為新型的發行和交流平臺，Medium為設計師們提供了從模型到工作原型的嶄新視界。在增長見地的同時，設計師們可以取長補短，相互學習。以下是筆者對2014年上半年流行的交互式原型設計工具的一個簡單總結。

（16美元/月，Web應用）

Webflow是一款用于設計瀏覽器上的網站的工具，通過它設計出來的網站生動且完全實現編碼。Webflow友好的“所見即所得”的編輯器給予用戶完全的輸出控制，這種控制也包含于移動設備。

Webflow還在不斷的添加新的特性——包含web字體、視頻支持、維持W3C合規、互動狀態、托管等等。

（免費，Web應用）

Marvel是一款用于網站和手機設計的免費web應用工具。使用Marvel，你的工作完全可以達到在線完成——不僅和云存儲同步，還能夠讓你輕松地添加來自于私人或者公司文件中的模型。Marvel同時也支持PSD文件類型，所以在創建原型之前無需進行文件轉換。

(99美元，Mac和Windows）

Macaw是電腦桌面上的一款包含生動代碼的所見即所得的設計工具。它特別擅長于創建響應式的設計：其內置的斷點編輯器可以輕松地創建匹配任何尺寸窗口的完美像素的設計。

使用該產品無需編碼知識，基本的HTML和CSS的經驗就能夠完全駕馭這個產品。

（15美元/月，Web應用）

UXPin是一款允許用戶在項目中使用線框圖進行協作的web應用。支持響應設計、版本控制、使用拖拽UI對預制組件進行填充，UXPin旨在讓設計師輕松快捷地構建線框圖。

(免費，Web應用）

InVision不是嚴格意義上的交互工具，它主要用于原型和產品開發。在用于原型時，InVision允許用戶為靜態圖片增加交互事件以演示其交互活動。同時，InVision的項目管理功能允許客戶與設計師在原型開發之前進行交互。

(20美元/月，Web應用）

Flinto允許用戶在網絡和移動設備上創建交互式的原型。設計者可以通過對靜態圖片進行滾動、旋轉等各種操作以達到創建所需的原型的目的。

Flinto還有一個特別誘人的特性：其原型可以應用于Android和iOS設備上的本地應用。所以，你可以在自己的iPhone或Android設備上與你設計的最新原型進行交互。

（免費，Mac）

Origami是由Facebook設計團隊創建的用于移動設備上原型交互的Quartz Composer庫。通過圖像轉換和點擊按鈕，設計者可以在移動設備上輕松的進行常見動畫的復制以及交互行為。

與Quartz Composer相類似的是Origami對于原型設計尤其有用，但它并不輸出可用的代碼。Origami的名氣來源于它是Facebook上設計最新移動應用，以及論文設計的有用工具。

（免費，Mac）

與Origami相似，Avocado的目標是改進Quartz Composer——它增加了一個用于模仿移動設備上普通交互行為的庫。

Origami關注于交互與動畫，而Avocado則關注于iOS上的常見UI元素。比如，一個iOS鍵盤。Avocado可以讓用戶在不使用任何代碼的情況下 制作出iOS的原型出來。

（免費，Javascript框架）

Framer.js是一個用于原型事件觸發器動畫的Javascript框架。它擁有多種特性，其中之一是作為一個內置生成器，可以處理來自于自身的 PSD文件的圖層組并輸出圖層中的每個群組以形成項目基礎。

Framer是一個Javascript框架，因此，它不同于這里介紹的其它工具，在使用它之前你需要了解HTML、CSS和Javascript。但同時，它也無需綁定到任何程序，你可以在任何地方、任何地點和它產生交互。

本文翻譯自