在线线框图制作工具

把现成的网页组件拖到画布上,几分钟就能画出页面线框图——免费、私密,全程在浏览器内完成。

免费使用 →

功能特性

🧩

35+ 网页组件

导航栏、卡片、表单、表格、首屏区块、弹窗等一应俱全,全部采用简洁的灰阶线框风格绘制。

🖱️

拖拽、放置、缩放

把组件拖到画布上,随意移动位置,拖动手柄即可缩放,智能吸附辅助线帮你对齐一切。

🖥️

桌面、平板、手机三种画板

在 1440、768、375 像素画板间自由切换,用合适的画布尺寸画出响应式布局。

📋

一键导出 PNG 或复制

下载 2 倍视网膜清晰度的 PNG 图片,或直接复制线框图到剪贴板,粘贴进需求文档、工单或幻灯片。

⚡

从模板快速开始

一键使用落地页、后台管理面板和移动端首页模板,立即拿到完整线框图可供编辑。

🔒

100% 浏览器本地运行

任何内容都不会上传。你的作品保存在本地 IndexedDB 中,随时可导出 JSON 项目文件备份。

使用方法

1

选择画板尺寸

在工具栏中选择桌面、平板或手机画板尺寸,或直接从内置模板开始。

2

拖入组件

在元素面板中搜索,把导航栏、卡片、图片、按钮或表单字段拖到画布上。

3

排布与标注

利用吸附辅助线移动和缩放元素,双击编辑文字标签,添加编号注释。

4

导出或复制

导出 PNG 图片,把图片复制到剪贴板,或保存为 .wireframe.json 项目文件以便日后继续编辑。

常见问题

这个线框图制作工具免费吗?
是的。所有功能——全部组件、模板、PNG 导出和 JSON 项目文件——都完全免费,无需注册,也不带水印。
我的设计会上传到服务器吗?
不会。整个编辑器都在你的浏览器中运行,画布内容保存在本地 IndexedDB 中,任何数据都不会离开你的设备。
可以把线框图直接粘贴进文档吗?
可以。点击“复制图片”,线框图会以 PNG 格式写入剪贴板,可直接粘贴进 Word、Notion、Figma、Jira 或 Slack。如果浏览器不支持剪贴板图片,可改用导出 PNG。
能保存项目稍后继续编辑吗?
画布内容会自动保存在本地,你也可以导出 .wireframe.json 文件,在另一台电脑上重新导入继续编辑。
手机或平板上能用吗?
可以在触屏设备上使用,配有抽屉式面板和顺畅的画布平移操作,但为了精确编辑,强烈建议使用桌面端浏览器。
支持哪些快捷键?
Delete 删除选中项,Ctrl/Cmd+D 复制,Ctrl/Cmd+Z 撤销,Ctrl/Cmd+Shift+Z 重做,方向键微调位置(按住 Shift 每次移动 10 像素),按住空格键可平移画布。

← 返回 pudone! 首页