UI Builder – Mockup Tool

UI Builder – 模拟工具是一款快速的网页线框图与网页设计工具，可让您在任意实时页面或空白页上绘制用户界面布局。无需切换工具，即可直接在真实网站上向客户展示可能的设计变更。

🔵 专为设计师、产品负责人、开发人员和业务分析师打造，无需离开页面即可快速生成原型。拖放手绘控件，平滑调整大小，就地编辑文本，快速截屏并分享——所有操作均在浏览器本地完成，实现快速原型设计。

🔹 即时线框图 – 将任意网站（或空白画布）变为模拟原型的试验场
🔹 真实所见即所得 – 直接在屏幕上修改按钮文字、标题和颜色
🔹 键盘友好 – 使用 Ctrl/? + C/V 复制，Delete 删除，Esc 取消
🔹 精确导出 – 将选中区域保存为 PNG 或复制截图至剪贴板
🔹 隐私优先 – 无网络请求、无分析工具或追踪器；数据仅存储于 chrome.storage.local
🔹 轻量级 – 仅在需要时注入，确保日常浏览速度流畅

安装并固定工具栏图标
点击 UI Builder – 调色板随即出现
将控件（按钮、标题、输入框、框架、分隔线等）拖拽至页面或空白画布
调整大小/改色直至满意
点击磁盘图标，绘制选择框，确认后 – 即可获取 PNG 文件或直接粘贴至 Slack / Figma / Jira

适用场景：
🔹 在打开大型设计工具前快速构思创意
🔹 实时通话中对客户网站进行标注
🔹 教授网页设计基础而无需额外软件
🔹 为需求文档和任务创建产品截图