Adrian Twarog 以一個完整的小型網站，示範從手工在 iPad 上繪製草圖，再用 Figma 設計版面 Layout 與加入更多現實元素（圖片、主標、次標、欄位等等）的 Mockup，有時也會加入 stub 模擬。這樣的工作流程適合團隊設計對外網站，需要美觀與訪客互動，需要多位專業人員共同參與。
我第一次在軟體公司設計資安產品時，先以紙筆繪製草圖，再用 Pencil 繪製 Mockup，最後在 VisualStudio c# 完成。當時認為 Mockup 與 VisualStudio 提供的元件略有不同，多次來回修改。因為是 Windows 原生程式，也無法用 CSS 修改，總覺得與最終程式落差很大。
後來是在新創公司設計 B2C 行銷產品，跳過繪製，就直接用 Twitter Bootstrap 與 jQuery Mobile 製作可以互動的介面，搭配 Salesforce 管理後端資料庫，在 Android 2.0 平板上展示給投資者。記得投資人看到程式都可以在平板操作，就問何時可以推出，老闆趕緊解釋平板程式尚未與後段連線，目前是一個概念程式，冷卻一下投資人。
Figma 與 Pencil 都可以繪製很精確的介面，用輸出的圖片加上尺寸標記，很方便用 Dreamweaver 或其他工具完成。因為我本身偏重商業邏輯與系統架構，並不擅長設計美觀的網站，決定跳過這些工具，直接使用 Twitter Boostrap。它的文件淺顯易懂很容易上手，內建 UI 美觀而且是 RWD (Responsive Web Design)，搭配 Cordova 打包，可以快速建立行動應用雛型，與客戶互動更容易。
如果是相對單調的企業資料庫軟體，它比較偏重在一致性與商業流程。目前最方便就是直接使用 Salesforce，透過簡單的設定與拖拉放介面元件，可以快速完成能夠輸入資料互動的雛型程式，也支援行動端應用。它是我最喜歡的資料庫管理工具。
您有偏好i或上手的雛型工具嗎？歡迎在討論串分享，謝謝！
Just my two cents.
