Magic Guide Tool

網頁設計與 QA 的多合一工具：尺規參考線、區域標註、向量繪圖、長截圖、設計稿疊圖，並可一鍵匯出標註報告到 Google Sheet。

Magic Guide Tool 是個 QA 的多合一側邊欄工具。 Magic Guide Tool is an all-in-one QA sidebar tool. ▍主要功能 ▍Key Features 📐 尺規・參考線 — 從尺規拖出水平／垂直參考線，即時顯示座標與間距，並依網址自動記住，下次回到同一頁照樣在。 📐 Rulers & Guides — Drag horizontal or vertical guides from the ruler, view coordinates and spacing instantly, and have them automatically remembered per URL so they reappear when you revisit the page. 🔢 區域標註 — 框選頁面區域、自動編號並加上備註，可隱藏編號、自訂顏色，用來標 bug 或設計回饋最快。 🔢 Area Annotations — Select regions on the page, automatically number them, and add notes. Hide numbering or customize colors for faster bug reporting and design feedback. ✏️ 向量繪圖 — 箭頭／線條／方框／橢圓／三角／星形／勾選／打叉／手繪，支援備註與鎖定比例，畫重點一次到位。 ✏️ Vector Drawing — Create arrows, lines, rectangles, ellipses, triangles, stars, checkmarks, crosses, and freehand drawings. Supports annotations and aspect-ratio locking for precise visual communication. 🖼️ 自訂上傳圖示 — 上傳自己的圖片當向量圖章，建立可重複使用的縮圖庫。 🖼️ Custom Upload Icons — Upload your own images as reusable stamps and build a personalized icon library. 📸 長螢幕擷取 — 整頁滾動拼接，一張圖收下完整頁面。 📸 Full-Page Screenshot Capture — Automatically scroll and stitch the entire page into a single screenshot. 🪟 對照疊圖 — 把設計稿半透明疊在實際頁面上，逐像素比對還原度。 🪟 Overlay Comparison — Place a semi-transparent design mockup over the live page for pixel-perfect comparison. 📤 匯出報告 — 把區域標註（含截圖）一列列寫進你自己的 Google Sheet，交付與追蹤一次搞定。 📤 Export Reports — Export annotations with screenshots directly into your own Google Sheet for streamlined delivery and issue tracking. 🌐 九國語言 — 繁中・簡中・English・日本語・한국어・Deutsch・Français・Español・Português。 🌐 Nine Languages — Traditional Chinese, Simplified Chinese, English, Japanese, Korean, German, French, Spanish, and Portuguese. ▍為什麼選它 ▍Why Choose Magic Guide Tool • 在真實網頁上作業，所見即所得，不必反覆截圖、貼來貼去，也可以使用自訂上傳的圖片進行作業，方便及時溝通與討論。 • Work directly on live web pages with true WYSIWYG editing. No more repetitive screenshots and copy-pasting. Use your own uploaded images to communicate ideas instantly. • 資料留在你自己手上：所有參考線、標註、圖片都只存在你的瀏覽器本機；唯一的對外傳輸是「匯出報告」，而且只送到你自己部署的 Google Apps Script，不經任何第三方伺服器。 • Your data stays under your control: all guides, annotations, and images are stored locally in your browser. The only external transmission is when you export reports to your own Google Apps Script endpoint, without any third-party servers involved. • 開箱即用，免註冊、免登入。 • Ready to use out of the box — no registration or login required. ▍適合誰 ▍Who Is It For 網頁設計師、UI／UX、前端工程師、QA 測試、接案者，以及需要做設計走查（design review）的團隊。 Web designers, UI/UX professionals, frontend developers, QA testers, freelancers, and teams conducting design reviews. ▍免費 vs PRO ▍Free vs PRO 免費即可使用尺規／參考線、區域標註、向量繪圖、長截圖等核心功能。 The free version includes core features such as rulers & guides, area annotations, vector drawing, and full-page screenshots. 進階能力為 PRO：所有顏色與字體自訂、向量備註、對照疊圖、自訂上傳圖示庫、匯出報告到 Google Sheet。 PRO unlocks advanced features including full color and font customization, vector annotations, overlay comparison, custom icon libraries, and Google Sheet report export. 方案：月訂閱 US$4.99（前 7 天免費試用）／年訂閱 US$39.99／終身版 US$79.99，透過 Creem（Merchant of Record）結帳。 Pricing: US$4.99/month (with a 7-day free trial), US$39.99/year, or a US$79.99 lifetime license, processed through Creem as the Merchant of Record. 個人版授權可在多達 3 台個人裝置使用。 A personal license can be used on up to three personal devices. ▍隱私 ▍Privacy 本擴充不蒐集、不上傳、不販售任何個人資料。 This extension does not collect, upload, or sell any personal data. 唯一的對外傳輸是你主動執行的「匯出報告」（送往你自己部署的 Google Apps Script）與「啟用授權」（只送授權碼與隨機裝置代號到驗證服務）。 The only outbound transmissions occur when you explicitly export reports (to your own Google Apps Script deployment) or activate a license (sending only the license key and a random device identifier to the verification service). 完整政策見隱私權政策連結。 For full details, please refer to the Privacy Policy.