CRX id
kcaolbnngiaedjenblchphhmmlcmajmi
kcaolbnngiaedjenblchphhmmlcmajmi
Description from extension meta
在 Chrome 中创建 UI 线框图。拖拽草图风格元素，自由缩放，一键截图保存。
Image from store
Description from store
UI Builder – Mockup Tool 是一款快速的 Web 线框图和网页设计工具，支持你在任意网页或空白页面上草拟 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"**，一键开始网页线框绘制！
Latest reviews
- (2025-05-12) Game Top: Really handy tool for quick wireframes and mockups right in Chrome. Easy to use, no bloat, and perfect for sketching ideas fast without opening design software. Love that it works offline and keeps everything local.
- (2025-05-10) Brian Cooper: Such a cool tool! The best part is being able to immediately interact with existing web UI. Especially nice for sketching quick wireframe ideas.
- (2025-05-09) לירן בלומנברג: Super handy tool! Great for quick wireframing and sketching ideas directly on live pages. Loved the drag-and-drop experience and how smooth everything feels. Perfect for fast client demos or product mockups — no fluff, just works. Highly recommended!
- (2025-05-07) coolman123: it looks good but how do i use it
- (2025-05-07) Nikita Dorofeev: Ideal for video meetings
- (2025-05-03) Marc-Olivier Poissant: Very intuiative !
- (2025-05-02) Craig: This is an awesome tool! The blank canvas is cool, but I love that I can place elements on my existing website to try out new layouts over my current version.