為什麼需要截圖標註？

QA 回報 bug 要在截圖上圈出問題在哪。PM 寫 spec 要標記 UI 上的修改位置。寫教學文要用箭頭指出「點這個按鈕」。這些都需要在截圖上快速畫幾筆，不值得為此開 Photoshop。

怎麼標註一張好的 Bug 回報截圖？

工程師最怕收到一張沒標記的全螢幕截圖配一句「這裡壞了」。好的 bug 回報截圖應該是：用紅色方框圈出問題區域、加一個箭頭指向具體位置、旁邊附一行文字說明預期行為和實際行為。這樣工程師一眼就知道問題在哪，不用來回問「你說的是哪裡？」。省下的溝通時間比標註花的那 30 秒多太多了。

QA 測試的時候標記 bug 位置。客服收到客戶問題截圖，標註後轉給技術團隊。寫技術文件或教學文章，用箭頭和文字引導讀者一步步操作。設計師 review UI 的時候，直接在截圖上標出要修改的間距、顏色、對齊問題。做簡報的時候截圖加上重點標記，比口頭描述清楚多了。

這個工具用 HTML5 Canvas 在瀏覽器裡直接處理圖片，所有標註操作都在你的電腦上完成。截圖不會被上傳到任何伺服器，標註完的圖片也是直接從瀏覽器下載。所以就算截圖裡有公司後台、客戶資料、或內部系統介面，也不用擔心外洩。