FLOORDRAFT 使用手册

从第一面墙,到一份完整方案

照着图示认识工具,跟着卧室示例画一遍。你可以从头阅读,也可以从目录直接找到正在操作的功能。

适合电脑浏览器绘图 · 无需登录即可练习 · 中英双语

选择一个起点

准备一台电脑和鼠标或触控板。可以先用示范熟悉操作,也可以直接画自己的房间;绘图不需要注册。

操作示意
01示范户型

移动家具,练习操作

02空白设计

从第一面墙开始

03上传底图

校准后沿图绘制

三种起点:示范练手、空白绘制、图片描图。
  1. 打开编辑器,点击左上方“我的项目”。选择“示范户型”,先练习选中和移动家具。
  2. 手边有房间尺寸时,选择“空白设计”。先画外轮廓,再补隔墙、门窗和家具。
  3. 已有户型图片时,选择“上传底图手动描绘”,选取不超过 5 MiB 的 PNG 或 JPG。先校准图片,再沿图绘制。
  4. 需要接着修改以前的设计时,在“本机项目”或“云端项目”中打开它;JSON 文件从“导入设计备份”进入。

试着做一遍

第一次练习:打开示范户型,移动一张椅子,然后点“撤销”。熟悉后,再新建自己的项目。

做完检查

在“我的项目”中用“更名”起一个容易辨认的名字,例如“卧室 · 方案 A”。

认识画布与工具区

左侧选工具,中间画图,选中对象后在右侧改属性。顶部负责项目、保存和导出。

操作示意
我的项目 · 保存到本机 · 导出与备份
家具墙与门窗地板水电测量图层
选择 · 平移
属性宽度(mm)1500深度(mm)2000
界面位置示意:工具、画布、属性和保存入口。
  1. 在左侧切换“家具、墙与门窗、地板、水电、测量、图层”,该类别的具体工具会出现在旁边。
  2. 点击画布上方“选择”,再点一个对象。右侧显示名称、尺寸等属性;输入数值后按 Enter 或点击输入框外确认。
  3. 滚动鼠标滚轮,或用“放大 +”“缩小 −”看细节。点击“平移”后拖动画布;“适应窗口”回到整张图。
  4. 打开“吸附”帮助墙端点或家具贴齐参考位置。“网格”只帮助观察,缩放画面不会改变实际尺寸。

试着做一遍

先放大一个门洞,调整门宽,再用“适应窗口”检查整间房。

做完检查

想移动图纸视野时用“平移”;想移动家具时用“选择”。这是两个不同动作。

画墙、输入墙长与连接转角

先把房间轮廓画闭合,再加门窗。墙长沿墙的中心线计算;量房得到的墙面净尺寸,要同时考虑墙厚。

操作示意
12343000 mm3600 mm
橙色端点表示可调整的位置;墙面净距与墙中心线长度需区分。
  1. 选择“墙与门窗 → 绘制墙体”。依次点击起点和转角,可以连续画多面墙;也可以按住鼠标拖出一面墙。
  2. 回到起点闭合轮廓,然后按 Esc 结束绘制。切换“选择”,点击墙体。
  3. 在右侧输入“墙长(mm)”和“墙厚(mm)”。需要精确定位时,填写起点、终点的 X / Y 坐标;也可拖动端点调整。
  4. 小缝隙可以用“整理墙体连接”处理。也可按住 Shift 选中两面墙,再点“连接两面选中墙”。分出一段墙时使用“从中点分割墙”。

试着做一遍

净宽 3000 mm、两侧墙厚均为 120 mm 的矩形房间,对应两侧墙中心线间距为 3120 mm。后面的卧室教程会用到这组尺寸。

做完检查

放大检查每个转角是否相接。修改一面墙后,重新检查相邻墙、门窗和房间轮廓。

上传底图与两点比例校准

底图是一张绘图参考。先用一段实测长度确定比例,再沿图片画墙;这样摆进去的家具才有可比较的大小。

操作示意
3000 mm3600 mmABA → B3600 mm
选两个已知端点 → 输入实测长度 → 核对另一段距离。
  1. 在“我的项目”上传图片后,打开“测量 → 对照底图”。用“原图”开关和“透明度”让底图与新画的线都看得清。
  2. 需要对齐时,用“拖动底图”和“底图缩放(%)”先调整图片位置和大小。然后再做比例校准。
  3. 点击“两点比例校准”,在图片上选一段已知长度的两个端点。在弹窗“实际长度(mm)”中填入实测值,点击“应用比例校准”。
  4. 用“两点测量 / 标注”检查另一段独立距离。比例正确后,再沿墙的中心位置绘制墙体并设置墙厚。

试着做一遍

已知某段墙面长 3600 mm,就点击该段的两个端点并输入 3600。再检查一段已知 3000 mm 的距离,不要只重复测同一段。

做完检查

校准会改变墙、门窗和面积的尺寸换算;家具保留输入的毫米规格。如果一处正确、另一处偏差很大,检查图片是否拍斜或被拉伸。

放置门窗与调整开门方向

门窗不仅要位置对,也要宽度和方向对。门扇的弧线能帮助你看清开门后会占用哪一块空间。

操作示意
800 mm
同一扇门可以调整门轴侧与开启方向,弧线表示门扇扫过的区域。
  1. 选择“墙与门窗 → 添加门”或“添加窗”,在目标墙附近点击放置。开启吸附可帮助门窗贴到墙上。
  2. 选中门窗,在右侧填写“开口宽度(mm)”。检查“所属墙”,必要时从列表选取正确的墙。
  3. 门的“切换门轴侧”改变铰链在哪边;“切换开启方向”改变门向墙的哪侧打开。分别点击,观察门扇和弧线。
  4. 拖动门窗到实际位置。没有门扇的开口,可以在“类型”里选择“通道”。

试着做一遍

把一扇门的宽度设为 800 mm,再切换门向,让门扇沿空墙打开。检查它是否会碰到衣柜或挡住进门路线。

做完检查

若门窗看起来脱离墙面,先检查“所属墙”。拖动调整后再次确认门洞位置与宽度。

摆放家具、改尺寸与留出活动空间

先放床、沙发、衣柜等大件,再补小件。使用家具实际外框尺寸,别只按床垫或桌面的标称尺寸判断。

操作示意
双人床150×200书桌120×60拉椅空间
家具尺寸示意:宽深决定占地,符号内数字单位为 cm;虚线区域提示还要考虑使用空间。
  1. 在“家具”中搜索名称,展开类别。可以把卡片拖入画布,也可以先点卡片,再点击画布放置。
  2. 选中家具,在右侧输入“宽度(mm)”“深度(mm)”和“旋转(度)”。数值输入适合精确设置,角点与绿色旋转手柄适合试摆。
  3. 拖动家具改变位置,方向键微调,按住 Shift 加快移动。按住 Shift 点击多个对象,或从空白处拖出选框,可以一起移动。
  4. 用“复制”放置相同物件。查看重叠提示和“家具边缘到墙面净距”,再用测量工具检查家具之间的距离。

试着做一遍

将双人床设为 1500 × 2000 mm、书桌设为 1200 × 600 mm。床和桌面不重叠,还要试想椅子拉出、衣柜门打开后是否方便走动。

做完检查

图上的净距是几何距离。走路、开抽屉和起身需要的空间仍应结合实际家具和使用者检查。

生成房间、绘制地板与查看面积

闭合墙体可以生成房间地板。异形区域也能逐点绘制,再选择铺装与颜色。

操作示意
10.80 m²3.0 × 3.6 m
地板沿房间内边界计算;示例面积为 3.0 × 3.6 = 10.80 m²。
  1. 完成闭合墙体后,进入“地板”,点击“从墙体生成房间”。若没有生成,返回检查墙角是否闭合。
  2. 手动画区域时,先选择铺装类型和板材 / 砖边长,再点击“绘制地板区域”,按顺序沿边界点选至少三个不交叉的顶点。
  3. 点击底部“完成绘制”或按 Enter。选中地板后,可以拖动顶点,也可以在右侧改铺装、方向、颜色并查看面积。
  4. 自动生成的房间面积在属性栏查看。需要在图上写“卧室”等名称时,用“测量 → 添加文字”放置标注。

试着做一遍

净尺寸为 3.0 × 3.6 m 的矩形地板,面积应为 10.80 m²。若差别明显,先检查比例和地板边界是否沿墙内侧。

做完检查

面积取决于边界与比例。先完成实测校准,再用面积估算材料,并另行考虑裁切和损耗。

标记水电点位与线路

用点位记录插座、开关、灯、给水和排水位置,用折线表达希望讨论的线路走向。

操作示意
书桌回路
点表示设备位置,折线表示线路走向;用名称说明各自用途。
  1. 在“水电 → 水电点位”中选一种点位,点击画布放置。选中后可以修改名称、位置、旋转和回路 / 分组。
  2. 从“线路与管线”选电路线、冷水管、热水管或排水管。依次点击路径转折点。
  3. 至少画出两点后,点击“完成绘制”或按 Enter。选中线路可以拖动节点,在右侧记录回路 / 分组与管径,并查看路径长度。
  4. 用清晰的名称区分用途,例如“书桌插座”和“厨房给水”。通过“图层”暂时隐藏家具,单独检查线路。

试着做一遍

先放一个书桌旁的插座点,再画通向该位置的电路线,并将回路命名为“书桌”。

做完检查

这些标记用于布置沟通。实际施工的接线、管径、保护和位置要求,需要由专业人员确认。

添加尺寸线与文字说明

尺寸线告诉别人距离,文字说明告诉别人用途。把需要确认的数值和位置标清楚,比只发一张空白轮廓更容易沟通。

操作示意
3000 mm3600 mm卧室窗台位置待确认
尺寸线给出距离,文字标注记录需要讨论或复测的事项。
  1. 选择“测量 → 两点测量 / 标注”,点击需要测量的两个端点,生成带数值的尺寸标注。
  2. 选中尺寸标注,拖动端点调整测量位置。尺寸数值跟随端点与当前比例计算。
  3. 选择“添加文字”,点击放置。在右侧“标注内容”中输入说明,再调整字体大小、颜色与位置。
  4. 先标房间净长宽,再标门窗和关键家具间距。让文字尽量避开墙线、门弧和其他尺寸线。

试着做一遍

标注“净宽 3000 mm”,在待复测的位置写“窗台位置待确认”。已经测准和仍待确认的内容就能分清。

做完检查

移动墙或家具后,检查尺寸线端点是否仍指向你要测的位置。屏幕上放大或缩小不会校准图纸。

管理图层、锁定对象与比较方案

复杂图纸可以按类别分开查看。隐藏只影响显示;要保护已经摆好的物件,请使用锁定。

操作示意
地板与房间显示
墙体显示
门窗显示
家具隐藏
水电显示
测量与标注显示

🔒 锁定已摆好的对象,解锁后继续修改。

图层帮助分开查看;锁定帮助保护已经确定的位置。
  1. 进入“图层”,勾选或取消地板、墙体、门窗、家具、水电和测量标注的显示。
  2. 在“对象列表”点击名称,画布会定位并选中该对象;隐藏的类别也会重新显示。
  3. 选中不想误动的对象,点击“锁定 / 解锁”。需要修改时先解锁。“置于上层 / 置于下层”调整同类别对象的遮挡顺序。
  4. 比较不同布局时,在“我的项目”中用“另存为新项目”,更名为“方案 B”后再调整家具,保留方案 A。

试着做一遍

隐藏家具与地板只检查门窗;再重新打开家具,检查开门和通行空间。

做完检查

导出前重新检查图层。PNG / PDF 使用当前显示的图层;DXF 在导出弹窗中单独选择图层。

保存、备份与换电脑继续

“保存到本机”留在当前浏览器;“保存到云端”用于跨电脑继续;设计备份是自己保管的 JSON 文件。

操作示意
01本机

当前浏览器继续

02云端

已同步后换电脑

03JSON

保留备份与原始图片

本机用于当前浏览器,云端用于换电脑,JSON 用于自己保管备份。
  1. 编辑时会保存本机草稿,也可以点击顶部“保存到本机”。清除浏览器数据前,先下载备份或完成云端同步。
  2. 下载文件备份:打开“导出与备份 → 下载设计备份”。备份不需要登录,不包含上传的底图,请同时保留原始图片。
  3. 跨电脑保存:Google 登录后,在“我的项目”点击“保存到云端 / 重试同步”。之后编辑会继续同步,离开前确认显示“已同步”。
  4. 在另一台电脑打开编辑器,用同一个 Google 账号登录,再从“我的项目 → 云端项目”打开设计。JSON 备份则使用“导入设计备份”。

试着做一遍

出门前先看到“已同步”,再下载一份“卧室方案 A”的设计备份。换电脑时打开云端项目即可继续。

做完检查

每账号最多 3 个云端项目,回收站项目也占名额。不要同时在两台电脑修改同一份设计;遇到版本冲突先保留备份,再决定使用哪份。

导出 PNG、PDF 与 DXF

打开顶部“导出与备份”选择格式。Google 登录后可免费、无品牌水印地导出;按接收者需要选择文件。

操作示意
01PNG

分享布局图片

02PDF

发送文档概览

03DXF

CAD 编辑与比例打印

04JSON

恢复 FloorDraft 设计

PNG 发图片 · PDF 发文档 · DXF 交给 CAD · JSON 留作设计备份。
  1. 发送布局图片时,选择“导出 PNG”。先检查显示图层和标注;导出图片不包含底图、网格或选中框。
  2. 发送文档或打印布局概览时,选择“导出 PDF”。PDF 中图纸以图片呈现并适配纸张,不用于直接拿尺量建筑比例。
  3. 需要在 CAD 中继续绘制时,选择“导出 DXF”,设置毫米、厘米或米及所需图层。若比例仍为估算,先校准,或确认按估算尺度导出示意图。
  4. 打开下载的文件检查完整性。DXF 在接收软件中确认单位并测一段已知长度;要按比例打印,再在 CAD 中设置纸张和比例。

试着做一遍

同一段 3000 mm 的墙,按 mm 导出读数应为 3000,按 cm 为 300,按 m 为 3。先核对,再继续绘图或打印。

做完检查

继续在 FloorDraft 修改时保留原项目或 JSON 设计备份。PNG / PDF 是查看文件,DXF 用于 CAD,不能作为本工具的设计备份导入。

跟着做:一间 3 × 3.6 m 的卧室

用一组明确尺寸完成第一份方案。下面是教学示例,家具尺寸和摆法可以换成你自己的实测数据。

操作示意
双人床150×200书桌120×60拉椅空间3000 mm3600 mm
示例内净空间 3000 × 3600 mm,床 1500 × 2000 mm,书桌 1200 × 600 mm。家具符号内数字单位为 cm。
  1. 从“我的项目 → 空白设计”开始,更名为“卧室练习”。用“绘制墙体”点出四边并闭合,按 Esc。四面墙的厚度均设为 120 mm。
  2. 选中每面墙,在右侧依次设置起终点坐标:上墙 (1000,1000) → (4120,1000);右墙 → (4120,4720);下墙 → (1000,4720);左墙回到 (1000,1000)。所有坐标单位为 mm。
  3. 墙中心线围成 3120 × 3720 mm,扣除两侧各半面墙厚后,净空间为 3000 × 3600 mm。用“两点测量 / 标注”测内墙面间距。实际房间有已知长度时,再做两点比例校准。
  4. 在下方墙上添加 800 mm 的门,向房内打开;在上方墙上添加 1200 mm 的窗。检查门轴和开启方向。
  5. 放入 1500 × 2000 mm 的床与 1200 × 600 mm 的书桌。先让床靠左、书桌靠上方,检查两件家具和门扇是否重叠,再量活动空间。
  6. 从墙体生成房间,选中地板检查面积约为 10.80 m²。添加“卧室”和需要复测的文字,保存本机并下载设计备份;登录后可导出 PNG 分享。

试着做一遍

再用“另存为新项目”做方案 B,把书桌移到另一面墙。比较进门路线、床边通行和拉椅空间,选更适合实际使用的一版。

做完检查

完成标准:轮廓闭合、门向正确、家具尺寸有依据、重要间距已标、备份已下载。示例摆法不代表适合所有人。

恢复版本与处理常见问题

遇到问题时,先保留当前设计,再处理同步、比例或导出。不要为了重试而先清除浏览器数据。

操作示意
0101 保留备份

下载设计备份

0202 检查与重试

网络、登录、项目名额

0303 确认结果

已同步

先保留备份,再重试;需要回到之前的设计时,按时间选择恢复版本。
  1. 误移动或误删除:先点“撤销”。需要更早版本时,打开“我的项目 → 恢复版本”,核对时间和名称后选择恢复。云端最多提供 3 个恢复版本。
  2. 保存失败或账号过期:先从“导出与备份”下载设计备份;检查网络和登录状态,然后在“我的项目”重试同步,等到“已同步”。
  3. 项目满额:在“我的项目”检查回收站。确认不再需要并保留备份后,点击“彻底删除”释放名额;本机绘图和导出仍可继续。
  4. 对象拖不动或找不到:先按 Esc 回到选择,检查是否锁定、图层是否隐藏,再在“对象列表”定位。看不到整张图时点“适应窗口”。

试着做一遍

尺寸整体不对:重新检查校准端点和输入单位。地板生成失败:放大检查墙角缝隙。DXF 下载按钮不可用:查看弹窗中的图层选择、估算确认与错误提示。

做完检查

仍无法解决时,联系 support@floordraft.online,提供浏览器名称、操作步骤和错误提示。截图前请遮住不希望分享的个人信息。

快捷键与交付前检查

快捷键在画布操作时使用。输入文字或数值时,先离开输入框,再执行画布命令。

操作示意
⌘ / Ctrl + Z撤销
⌘ / Ctrl + D复制
⌘ / Ctrl + S保存到本机
Esc退出绘制
Enter完成绘制
常用组合键:撤销、复制、本机保存和结束绘制。
  1. Ctrl / ⌘ + Z 撤销;Ctrl / ⌘ + Shift + Z 或 Ctrl / ⌘ + Y 重做。
  2. Ctrl / ⌘ + D 复制选中对象;Delete / Backspace 删除;Ctrl / ⌘ + S 保存到本机。
  3. 方向键微调选中对象,Shift + 方向键加速;Shift + 点击多选。
  4. Esc 退出绘制或取消选择;Enter 完成已经点选足够顶点的地板区域或线路。

试着做一遍

交付前依次查看:尺寸单位、门向、家具间距、图层与标注,然后打开导出文件复核一遍。

做完检查

保存一份可继续修改的项目和设计备份。发给别人的图片并不能替代可编辑原稿。