CRX id
kcaolbnngiaedjenblchphhmmlcmajmi
kcaolbnngiaedjenblchphhmmlcmajmi
Description from extension meta
在 Chrome 中建立 UI 線框圖。拖曳草圖風格元素，自由縮放，輕鬆截圖保存。
Image from store
Description from store
UI Builder – Mockup Tool 是一款快速的 Web Wireframe 與網頁設計工具，讓你可以在任何網頁或全新空白頁面上手繪 UI 佈局。無需切換工具，就能直接在網站上向客戶展示設計變更的想法。
🔵 專為設計師、產品經理、開發者與商業分析師打造，協助快速建立介面草稿。拖曳手繪風元件，順暢調整尺寸，直接修改文字，立即截圖並分享——一切皆在瀏覽器中本地執行，不傳送任何資料。
🔹 即時 Wireframe – 將任何網站（或空白畫布）變為 UI 草圖遊樂場
🔹 真正所見即所得 – 直接編輯按鈕文字、標題與顏色
🔹 鍵盤操作友善 – Ctrl/⌘ + C/V 複製貼上，Delete 刪除，Esc 取消
🔹 像素完美匯出 – 儲存選取區域為 PNG 或複製截圖到剪貼簿
🔹 隱私優先 – 無網路請求、無追蹤器，資料僅儲存於 chrome.storage.local
🔹 輕量載入 – 僅在使用時注入，不影響日常瀏覽速度
1️⃣ 安裝並釘選工具列圖示
2️⃣ 點擊 UI Builder – 彈出操作面板
3️⃣ 拖曳元件（按鈕、標題、輸入框、邊框、分隔線等）至頁面或空白畫布
4️⃣ 調整大小與顏色直到設計滿意
5️⃣ 點選磁碟圖示、拉出選取區塊、點擊 ✓ 確認 – 匯出 PNG 或貼上至 Slack / Figma / Jira
適合用於：
🔹 在開啟大型設計工具前快速構思
🔹 線上會議中標註客戶網站
🔹 教授網頁設計基本觀念，無需額外軟體
🔹 為需求文件或工單建立產品截圖
🚀 立即安裝 Chrome 擴充功能 **"UI Builder – Mockup Tool"**，一鍵開始繪製網頁 Wireframe！