之前介紹不少 Mockups 相關的免費資源，我對產品開發沒太多研究，但 Mockups 的意思就我理解大概就是模型圖，透過網路上的工具可以將產品畫面整合到實體裝置中，看起來就跟真的運作一樣，無論是用來做簡報或放在產品官網都很合適，也讓整體質感提升不少。
線上工具
所有能透過瀏覽器直接執行而無須下載或安裝軟體的工具，包括產生器、線上轉檔服務、圖片編輯後製、圖示製作、網路書籤、線上問卷與網站縮圖服務等等。
Datamaps.co 熱度圖產生器，可匯入資料於地圖上呈現各種數據
將文字的數據資料轉為可視化圖片有助於瀏覽閱讀，如在簡報時佐以圖表，也能夠讓聽眾更快掌握你的內容，當然好的圖片可不是隨手就有，平常也得收集一些素材，或是準確使用網路資源，例如 Chartico 可以協助使用者製作好看的圖表，以 Google Data GIF Maker 將數據快速製作為 GIF 動畫，若需要一些扁平化設計的免費圖示，unDraw 是一款持續更新中的插圖圖庫，優點是能直接調整插圖的主要顏色，讓圖片和你的簡報設計更加緊密結合。
Archive Extractor 線上免費解壓縮工具，支援超過 70 種壓縮檔格式免下載
WordHTML 線上將 Word 轉為 HTML，內建清理工具原始碼更乾淨
相信許多讀者都曾有過類似經驗：從 Microsoft Word、Excel 或 PowerPoint 複製內容，貼到網頁的編輯器後發生問題，例如格式跑掉或被塞進一堆骯髒、用不到的網頁原始碼，而這在 Office 早就已經不是新聞，通常解決的辦法只能先貼到純文字編輯器，將這些文字格式「清除」後重新貼回來，不過這又會遇到另一個問題：原有格式必須在瀏覽器端重新加入，通常是件很浪費時間的工作。
Web-Capture 線上「網頁快照」服務，輸入網址完整擷取頁面轉圖片
現今常見的作業系統像 Windows、macOS 或行動裝置 iOS、Android 都有內建擷圖功能，而且使用上也非常簡單，Windows 直接按下鍵盤上的抓圖按鍵就會自動擷取到剪貼簿，而 Mac 則是透過 Shift-Command-3 快捷鍵拍攝螢幕快照，但有時候需要比較精確的截圖範圍就必須使用擷圖軟體達成，好消息是現在瀏覽器也都開始提供截圖功能，例如 Firefox Screenshots 或「使用 Chrome 內建工具製作網頁長截圖，擷取網站畫面免安裝下載外掛」都能擷取畫面。
Image Blur 線上為圖片特定範圍加入模糊特效，遮蔽重要資訊更方便
PDFConvertFree 免費 PDF 線上工具，可轉檔 Word、Excel 也能合併分割
Coffeelinks 線上銷售你的數位創作，整合小額付款縮網址功能
昨天剛介紹完「Buy Me A Coffee」網路服務，這是一個讓使用者輕鬆建置個人贊助頁面的平台，如果想透過網路、開放別人贊助你喝杯咖啡或啤酒，那麼 Buy Me A Coffee 能接受小額付款，而且也支援信用卡、PayPal 和 Stripe 線上支付，從去年開始 PayPal 已經停止台灣帳戶支付給台灣帳戶，但透過類似的平台或能稍微「轉彎」一下，一樣可以實現贊助功能，對於開發者或創作者來說是個非常實用的服務。