從大型社交平台的設計團隊裡長出來，後來對外開放

互動設計師的工具箱裡，多數原型工具擅長畫流程與翻頁，一遇上複雜的動效或真實的感測器就使不上力。Origami Studio 是一款免費的原型工具，出自一家大型社交平台公司的設計團隊，長年被用來在自家產品上驗證互動想法，之後才持續對外開放。繪製、動畫與邏輯裝在同一個工作區裡，個人使用完全不收費，到 2026 年 9 月已更新至第 226 版，維持著兩三週一版的節奏。

畫布與補丁：兩條腿走路

介面分成兩層邏輯。畫布層負責所見即所得，圖形自由繪製、文字就地編輯、元件隨手擺放，動態佈局會隨著畫布尺寸自己回應。補丁編輯器則像積木化的視覺編程：把一個個模組用連線接起來，接到介面屬性的輸入口上，元素就會照著設定動起來。不寫程式的設計師拖幾個模組，就能做出滾動視差、條件跳轉這類互動；熟悉邏輯的人還能借腳本模組算出更複雜的東西。畫布管長相、補丁管行為，這個分工正是它與翻頁式原型工具的分界。

把真機的能力直接接進原型

這是它最鋒利的一段。原型可以直接呼叫手機的原生硬體介面：相機照片、麥克風音量、震動回饋、定位地圖、加速度計與陀螺儀的數值，全都有現成模組。做出來的演示不只是「看起來像」，而是真的能搖、真的能定位、真的會震的活原型。搭配的手機端應用把原型投到真機上預覽，評審會上把手機遞一圈，比翻簡報更有說服力。原型還能直接錄螢幕匯出成影片，交給工程師或放進提案都省事。

從設計稿走到可用原型

與主流設計工具之間的銜接做得順。從常見的向量繪圖工具複製出來的圖形與文字圖層，貼進來仍是可編輯的圖層，不必重描一遍；另一款常見設計軟體的檔案也能匯入。效能方面近幾個版本大幅提速，補丁編輯與預覽的反應明顯變快，著色器圖層、流體彈簧動畫、腳本模組的輔助生成等進階能力也陸續加入。開始之前有兩件事值得知道：它只有 Mac 版，Windows 使用者暫時無緣；補丁系統的學習曲線偏陡，適合願意花幾天讀官方說明的互動與動效設計師。

在真實專案裡怎麼用

常見的用法有三種。決定動效時，把轉場與手勢跟手的細節在補丁裡調好，在真機上反覆感受，確認手感之後再交給工程師實作，能少走很多重工的彎路。建立設計系統時，把元件做成可重用的互動模組，團隊成員直接取用同一套互動語言。需要演示時，真機上的原型遠比靜態稿有說服力，客戶或主管當場就能上手試。學習資源也不薄：官方說明按模組分類寫得細，社群裡還有大量現成的補丁組合可以拆開來學。

設計師換到的是什麼

回報很實在。驗證過的互動細節會變成與開發溝通時的共同語言，「做出來和想的不一樣」的落差因此縮小。兩三週一版的節奏讓新特性與裝置支援持續跟上，現在選它，日後不太可能被丟下。代價是前期的時間，以及一台 Mac；但對於翻頁式原型根本說不清楚的那一類互動，這筆交易很容易辯護。