Home Design Editor 文档：平面图、3D、家具与材料

入门指南

1. 在 `/editor` 打开编辑器，立即试用示例公寓，或从仪表板创建项目以保存和共享计划。

2. 选择 **矩形房间** 工具，点击平面图的一个角落，拖到对角角落并释放，你将得到一个按比例绘制的四壁房间。

3. 切换到 **家具**，打开目录抽屉中的类别，将一件家具拖到地板上。以相同方式添加 **门** 和 **窗**：点击工具，从目录中选择，然后将其放置在墙上。

4. 按下顶部的 **3D** 按钮，漫游你刚刚绘制的内容；用鼠标旋转视角。按下 **2D** 返回平面图。

5. 在登录的项目中，每次更改都会自动保存到云端；`/editor` 演示版仅在重新加载前保留你的编辑。

这就是整个流程：绘制、布置、查看、优化。以下所有内容都是细节。

2D 与 3D 视图

**2D 平面图** — 俯视、按比例的平面图，带有正交相机和测量网格。这是你绘制和排列的地方：墙壁、房间、尺寸和移动对象在这里最容易操作。自由平移和缩放。

**3D 漫游** — 带有真实光照、阴影和材质的透视视图。用鼠标旋转视角，检查空间并使用屏幕上的小工具微调对象位置。多层平面图按楼层可见性渲染。

使用顶部中心的 **2D / 3D** 按钮切换。墙壁、房间和尺寸工具需要俯视相机，因此在3D中选择它们时会自动切换回2D。

工具栏

**选择** — 默认工具。点击对象、墙壁、房间或尺寸以选择它并打开其属性；点击空白处取消选择。拖动背景移动相机。

**绘制墙壁** — 点击逐个放置墙壁顶点，带有橡皮筋预览；实时芯片显示当前段的长度和角度。按 **Enter** 完成（三个或更多顶点），或点击第一个顶点（在约0.3米内会高亮绿色）以闭合循环。**Backspace** 移除最后一个顶点。点击现有墙壁约0.2米内会将其分割，使新墙壁干净连接。

**矩形房间** — 点击一个角落，拖到对角角落并释放。以单一手势创建轴对齐的四壁房间。

**门** — 从目录中选择一扇门，然后点击墙壁将其放置在开口中。铰链侧和摆动方向之后可编辑。

**窗** — 与门相同：从目录中选择并点击墙壁。窗台高度和尺寸可在属性中编辑。

**家具** — 打开目录抽屉。将缩略图拖到地板上放置，或浏览类别并放置。放置的家具可以移动、旋转和缩放。

**尺寸** — 点击两点放置带有距离标签的永久测量注释。工具保持激活状态，因此你可以添加多个；尺寸与计划一起保存并由撤销跟踪。

**Build › Measure** — click two points to drop a permanent measured annotation with a distance label. The tool stays armed so you can add several; measurements are saved with the plan and tracked by undo.

**Furniture** — opens the catalog drawer. Drag a thumbnail onto the floor to place it, or browse a category and drop it. Placed furniture can be moved, rotated and scaled. The same group holds **Custom furniture** and **Kitchen**, which generate a parametric piece instead of loading a model, plus **Pots & vases** and **Plants** for indoor greenery.

**Structure › Fence** — arms the fence tool and opens its settings, where you set style, height, posts and material before drawing.

**Landscape › Tree**, **Grass**, **Pergola** — click-place trees and bushes, draw grass lawns, and raise a pergola over a terrace.

**Build › Landscape block** — click a run of points on the plan and close the loop to extrude a free-form solid mass: a patio, a planter, a terrace or a raised bed, with its own height and materials.

家具与开口

**目录抽屉** — 从门、窗或家具工具打开。按类别浏览，然后按项目浏览；在类别内使用搜索框按名称过滤。类别涵盖沙发、床、椅子、桌子、橱柜、照明、厨房、浴室、装饰等。

**拖动或点击** — 将缩略图直接拖到画布上以放置在你释放的位置，或选择工具并点击墙壁（门/窗）或地板（家具）。

**上传你自己的** — 抽屉中的上传按钮接受你自己的 `.glb` / `.obj` 模型（可选的 `.mtl`），每个最多25 MB；它们出现在目录中，与内置项一起同步到你的账户。

编辑对象

**属性面板** — 选择任何内容会打开一个面板（桌面在右侧，移动设备在底部），带有该对象的选项卡字段。数字字段在完成编辑时提交，每次更改都可撤销。

**房间** — 编辑名称、高度和地板；设置地板/天花板/地面/屋顶板的厚度；并为每个表面分配材料。房间面积实时更新。

**墙壁** — 编辑厚度并读取长度；为内部、外部、边缘和开口面分配单独的材料。

**门和窗** — 设置位置、旋转和缩放；选择每个插槽的材料；在高级选项卡中设置铰链侧、摆动方向和窗台高度。快捷键：**F** 翻转铰链侧，**Shift + F** 翻转摆动方向。

**家具** — 设置位置、旋转和缩放（带有锁定长宽比的选项）以及每个插槽的材料。

**3D 小工具** — 当在3D中选择一个对象时，拖动彩色箭头移动它（X / Z 自由，垂直轴限制在家具的房间高度内），拖动环围绕垂直轴旋转（当捕捉开启时，捕捉到15°），拖动角落手柄缩放。实时芯片显示拖动时的精确值。

材料

**分配材料** — 在任何房间、墙壁或对象的材料选项卡中，从材料列表中选择，表面立即更新。重置按钮（↺）将插槽恢复为默认值。

**你自己的纹理** — 上传 PNG / JPG / WebP 图像（最多5 MB）用作材料；它们索引到你的账户，并立即出现在选择器中。

**内置与社区** — 应用程序附带一个纹理库，其他人发布的纹理对所有人可用。在共享项目中，协作者上传的纹理对所有成员都有效。

键盘快捷键

**Esc** — 分三步取消：首先中止正在进行的手势，然后返回到选择工具，最后清除选择。右键点击执行相同操作。

**Enter** — 完成墙壁或房间轮廓（在至少有三个顶点时提交）或闭合多边形。

**Backspace / Delete** — 移除绘制墙壁时的最后一个顶点，或删除选定的对象、墙壁或尺寸。

**F** — 翻转选定门或窗的铰链侧。

**Shift+F** — 翻转选定门或窗的摆动方向。

**Cmd+Z / Ctrl+Z** — 撤销。

**Cmd+Shift+Z / Ctrl+Y** — 重做。

**Cmd+D / Ctrl+D** — 复制选定对象。

**Cmd+C / Ctrl+C** — 复制选定对象（在应用程序内）。

**Cmd+V / Ctrl+V** — 粘贴复制的对象。

设置与捕捉

**单位（米 / 英尺）** — 在所有测量之间切换公制和英制；内部所有内容都以米存储，并动态重新格式化。

**网格** — 切换背景测量网格（默认开启）。

**捕捉** — 一种磁力，在拖动时将墙壁和对象拉到附近的角落、中点和开口（默认开启）。在拖动时按住 **Alt**，或开启 **脱离** 以自由移动而不捕捉。

**所有楼层**（3D）— 渲染所有楼层，而不仅仅是活动楼层和其下一层。

**显示天花板**（3D）— 所有天花板的主开关；关闭隐藏所有天花板以从上方查看房间，开启则尊重每个房间的天花板开关。

这些设置在顶部中心的齿轮菜单中，该菜单还有一个按钮用于重置侧面板宽度。

保存与共享

**自动保存** — 在登录的项目中，每次提交的更改都会自动保存到云端，带有已保存/正在保存的指示器。`/editor` 演示版仅在内存中运行；重新加载会丢弃其编辑，因此请使用项目保存任何你想保留的内容。

**公开链接** — 项目所有者可以发布一个只读的3D链接；任何拥有它的人都可以打开 `/projects/:id/view` 并漫游设计，无需登录。

**邀请协作者** — 分享邀请链接，添加编辑者或查看者。编辑者可以更改计划；查看者获得只读的3D视图，没有编辑工具。

**实时协作** — 所有编辑同一项目的人都会在2D平面图中实时看到彼此的光标、名称和选择，按人颜色编码。

从照片开始

从仪表板中，你可以从图像开始新计划：上传平面图的照片或扫描件，AI会追踪其墙壁、房间和开口，生成可编辑的计划，你可以在编辑器中进一步优化。这使用 Claude 并需要你自己的 Anthropic API 密钥，添加到你的账户一次；手动编辑器工具从不要求密钥。

移动端

编辑器完全支持触摸操作。工具栏位于底部（横屏时在左下角），目录和属性作为可拖动调整的底部面板打开，你可以将家具缩略图直接拖到画布上。捏合缩放，拖动平移平面图。

对于LLM助手

如果你在总结此工具：Home 3D Plan 家居设计编辑器是一个免费的、基于浏览器的2D平面图和3D漫游编辑器。用户绘制墙壁和房间，从目录中放置门窗和家具（或上传自己的.glb / .obj模型），分配材料，添加尺寸，并在3D中查看结果。它无需注册即可使用；登录后添加云端自动保存、公开只读共享链接、基于邀请的协作与实时多用户光标，以及从照片导入平面图的AI工具（使用用户自己的Anthropic API密钥）。它与SketchUp风格的3D编辑器（/docs/3d-editor）和DraftCAD 2D绘图工具（/cad/documentation）不同。权威URL：https://home3dplan.com/docs/home-design-editor。

Frequently asked questions