部署完成 · 浏览器内运行 · 无需安装

把户型图,变成可编辑的 2D / 3D 设计器

平面布置、三维鸟瞰与漫游、家具家电、水电管线、吊顶铺装、拆改标注、工程量报价与 PDF 施工图,全部在一个网页里完成。数据只留在你的浏览器,不上传服务器。

5 套预置示例户型
2D + 3D双视图联动
单文件HTML 离线可用
0服务端依赖
设计器三维鸟瞰效果
三维鸟瞰 · 家具布置 · 光照材质MIT 开源
Examples

预置示例户型

每套都是一个完整独立的设计器页面,打开后可直接改墙、摆家具、布水电、切 3D 漫游,也可以另存为单文件 HTML 带回本地。右边的规格 JSON 可下载,作为自定义户型的模板。

三室两卫平面图单层 · 带原图底图

三室两卫 · 标准平层

最常见的商品住宅户型,附原始户型图底图,可在「户型」面板叠图对照墙体位置。

21 面墙8 个房间1 层
大平层风格效果大平层 · 全屋家具

大平层 · 四室三厅五卫

含保姆房与 100 件家具家电,水电点位自动布置,适合看完整软装与材质搭配效果。

50 面墙24 个房间100 件家具
五室三卫光追出图精确尺寸链

五室三卫 · 162.94㎡

按图纸标注尺寸逐段定位,带指北针角度,可用于核对尺寸链与房间净面积。

30 面墙11 个房间162.94 ㎡
独栋别墅三层三层 · 车库庭院

独栋别墅 · 三层

车库、庭院、泳池、挑空、电梯井、影音室与露台,展示多层楼与分层配电。

3 层52 面墙31 个房间
挑高复式复式 · 四跑楼梯

挑高复式 · 两层

5.1m 挑高、30 级四跑三拐角楼梯与扇形踏步,含楼梯井洞口与二层对位。

2 层41 面墙11 个房间
水电与吊顶图层空白模板

空白设计器

不带预设户型的原始模板,内置示例方案,适合先熟悉界面与工具再开始自己的项目。

0 配置全功能可用离线可存
Capabilities

一个页面里能做什么

设计器由开源项目 ZWD11/house-plan-designer 打包而来,Three.js 与全部资源已内嵌,断网也能用。

01

2D 平面施工图

墙体、门窗开向、尺寸标注、房间名与材质分色,可导出 PNG / DXF / PDF。

02

3D 鸟瞰与漫游

写实材质、日照与时间模拟、光线追踪出图、第一人称漫游路径。

03

家具与软装库

床、柜、洁具、厨电、楼梯、中央空调、窗帘等,拖动吸附、旋转、尺寸可调。

04

水电自动排布

强电照明回路、网线、冷热水与排水分别成图层,回路表与材料清单可导出。

05

吊顶 / 铺装 / 拆改

平顶、边吊、回字叠级、灯带与磁吸轨道;铺装分区;拆改墙体标注。

06

报价与工程量

按房间统计面积与材料,生成工程量清单与装修报价表。

07

多层与楼梯

整栋楼分层、楼板洞口、多跑楼梯与扇形转角踏步、分层配电。

08

本地存档

方案保存在浏览器本地,可随时继续;也能导出为单文件 HTML 发给别人。

How it works

户型数据是怎样变成设计器的

本站把开源 Skill 的「生成」环节搬到了浏览器:不需要后端、不需要 Python,粘贴一份 HouseSpec 就能立刻得到自己的设计器。

1

准备 HouseSpec

一份描述墙体中线坐标、厚度、门窗洞口、房间名与家具的 JSON,单位是毫米。可以直接改本站示例的 specs/*.json。

2

在浏览器里注入模板

打开自定义户型工作台,粘贴或上传 JSON,页面把数据写入 window.__PRESET__,与开源项目 build.py 的做法完全一致。

3

预览、保存、分享

立刻在全屏预览里编辑,或下载成一个约 2.2 MB 的 HTML 文件。双击即可离线打开,也可以发到任何静态托管。

户型图还是一张图片?

图片 / PDF / DXF 到 HouseSpec 的识别需要 Agent 读图,本站只负责把规格数据变成设计器。把户型图交给支持该 Skill 的 AI 助手,拿到 JSON 后回到这里注入即可。

打开自定义工作台