把設計稿變成能點的東西，再交給開發，這條鏈子往往得在好幾套工具之間搬來搬去。Marvel 把它收進瀏覽器裡：線框、原型、交付、測試與評論各有一個入口，資料只有一份。

在瀏覽器裡打開的工作臺

Marvel 是跑在瀏覽器裡的線上設計服務。官方把它說成「為現代設計團隊提供快速原型、測試與交付」，並指出線框、設計與原型能在同一處完成，從低保真到高保真都涵蓋。它 2013 年以副專案起步，官方稱如今已有超過兩百萬名個人與團隊在用。

打開專案之後，介面分成兩層。左邊是工具列與畫布，畫布上擺的是一張張畫面；右邊是屬性面板，管位置、尺寸、圓角、填色與透明度這些參數。焦點落在哪一層，參數面板就跟到哪裡。

線框、設計、原型放在同一處

設計能力是內建的。新增畫面時選擇在內建編輯器裡畫，不必再另開一套繪圖軟體；線框圖與介面稿都畫得出來，ページ面切換器用來在幾份設計之間跳。畫好的設計會自動帶上交付所需的程式碼、標註與素材。

原型靠熱點搭起來。熱點是畫在畫面上方的一塊可點區域，拖出範圍再指定目標畫面，它就變成一次點擊跳轉。官方給的路徑是先移到第一張畫面上、進入原型模式，再拖出熱區並選好目標，播放之後就看得到跳轉。整個過程不必寫程式，官方說從靜態稿到可互動原型，成品時間以分鐘計。

把設計交給開發

交付這一環由 Handoff 承擔。官方說它會自動把設計與原型轉成開發規格，含程式碼與素材，並且緊挨著可互動原型呈現；專案本身就被當成規格文書，省掉標註與反覆匯出的離線檔案。產出的內容裡既有 CSS，也有 iOS 與 Android 兩側需要的樣式描述，可以連同素材一起打包取用。

另一條路是分享。原型能生成連結直接送出去，也能只分享其中一段流程：把某個分區單獨複製成連結，對方打開看到的就只有那一段，官方說這能讓決策者與開發只盯著需要確認的部分。

使用者測試與協作

使用者測試的流程是挑一個原型，由平臺生成一條專屬連結，把連結發給參與者，對方在電腦或手機上打開就能開始；測試過程會錄下畫面、聲音與前置鏡頭。同時能開幾場測試依方案而定，個人方案三場，團隊方案十場，企業方案另談。

協作圍著評論轉。評論分公開與私密兩種，私密評論只有團隊成員看得見，適合跟外部客戶或外包方並行溝通時用。參與者按角色進專案：團隊成員看得到帳號底下的全部專案，貢獻者只看得到被專門邀請的那些。評論會落在具體的畫面位置上，改版之後仍貼著原來那一處。

方案與價格

免費方案不限時長，給一個使用者與一個專案；官方在常見問題裡寫明免費方案沒有倒數計時，可以先一直用到決定升級為止。個人方案按年付折算每月十二美元，含數量不限的專案、三個並行的使用者測試名額，可以把原型與設計稿匯出，並去掉ページ面上的 Marvel 標記。團隊方案年付每月四十二美元，從三個人起，測試名額加到十個，另附優先支援。

企業方案按需報價，使用者數、專案數與測試次數都沒有上限，支援僅受邀可見的專案、更細的安全設定與單一簽入，也可以走發票或對公轉帳。學生與教師買年付方案打七折，註冊非營利組織是五折。

適合誰用

一個人的產品設計師，可以用它把線框與原型做完，再輸出一份交付說明；兩三個人的小團隊，可以用團隊方案把評論、測試與專案權限集中到一處；需要跨公司推進的專案，私密評論與僅受邀可見的專案能把外部協作與內部討論分開。習慣在手機上確認效果的人，也能透過行動端應用打開原型預覽。

項目

官方資訊

產品定位

瀏覽器裡的線上設計與原型服務

核心能力

線框與設計、原型、交付、使用者測試、協作

執行平臺

網ページ端，另有 iOS 與 Android 應用

免費方案

不限時長，一個使用者與一個專案

個人方案

年付每月 12 美元，專案不限、3 個使用者測試

團隊方案

年付每月 42 美元起，3 人起、10 個使用者測試

企業方案

按需報價，使用者與專案不限，支援單一簽入

設計工具怎麼挑，多半取決於你想少換幾次工具。當線框、原型、測試與交付共用同一份設計，省下的除了匯入匯出，還有每次改動之後重新對齊的那段時間。