什么是白板？
Whiteboard 是一个免费、私密的画板,可以用钢笔工具自由绘制,加入形状、文字标注,再用选择工具调整位置。支持导出 PNG 与 SVG,也能把整个项目保存为 JSON 文件,下次打开继续编辑。
工具栏提供钢笔、几何形状(矩形、圆、三角形、菱形、直线、箭头)、文字、便签、橡皮擦和选择工具,选中已有元素后可以移动、缩放、删除,以及在图形重叠时调整前后层级。绘制前设定描边颜色、填充和线宽即可。项目支持导出 PNG、SVG,以及完整的 JSON 工程文件,后续加载 JSON 后画布会精准还原所有元素。
使用方法
- 从工具栏选择绘图工具:钢笔自由勾画;矩形、圆形、三角形、菱形、直线、箭头是基础形状;文字工具添加文字;便签工具放置彩色想法卡;选择工具用来移动、缩放或调整已画好元素的前后顺序。
- 在画布上拖拽即可绘制。当前的描边颜色、填充颜色与线宽由工具栏决定,绘制下一个元素前请先调好这几项。
- 导出 PNG 适合直接截图分享;SVG 在 Illustrator 或 Figma 里可继续编辑;另存为 JSON 项目文件后,下次还能加载继续画。
何时使用
- 想在不打开 Figma 或安装任何软件的情况下快速画线框图、流程图。
- 在远程会议里一边讲解系统结构一边在画布上勾勒,辅助同事理解。
- 在平板上讲课时,标注图形、画箭头,然后把画板导出给学生作笔记。
结果
正在梳理结账流程。画一个矩形代表「购物车」,在里面写好标签,用箭头连到「支付」矩形,再连到一个绿色填充的圆形「成功页」。导出 SVG 后发给设计师贴进 Figma。
常见问题
- 可以保存进度,下次接着画吗?
- 可以。选择「保存项目」会下载一个 JSON 文件,完整包含画布上的所有形状、线条和文字。下次重新打开工具并把 JSON 拖回去,画板会还原到当时的样子。这一切都在本地完成,不上传任何服务器。
- 导出 PNG、SVG 和 JSON 有什么区别?
- PNG 是位图,适合截图和聊天发送;SVG 保留每个图形,设计师可以在矢量软件里继续编辑;JSON 是工程文件,只有它能让你下次重新打开、继续编辑画板。
- 为什么我手绘的线条放大后边缘像锯齿?
- PNG 是按屏幕像素栅格化的,放大时自然会看到锯齿。改成 SVG 导出即可,矢量路径在任意缩放下都保持平滑。
- 可以把图片添加到画板里吗?
- 可以。点击「添加图片」按钮(或在文件选择框中选择 PNG、JPEG、WebP、GIF 或 SVG),图片会居中放置在画布上,支持拖动和缩放。文件全程留在设备本地,不会上传到任何服务器。
- 我画的内容会上传到服务器吗?
- 不会。绘制、撤销与导出都在页面内的 Canvas 上执行。关闭页面就清空内存。只有当你主动下载 JSON 文件,内容才会离开设备。