會動的家裡平面圖（三）：用免費軟體畫一次，同時產出 PNG 和 SVG

charles

這篇的內容（12 段）

1. 步驟 1：安裝 Sweet Home 3D
2. 步驟 2：設定單位
3. 步驟 3：畫外牆
4. 步驟 4：畫隔間牆
5. 步驟 5：建立房間
6. 步驟 6：加門窗
7. 步驟 7：標房間名
8. 步驟 8：匯出 SVG
9. 三個一開始就要避開的坑
10. 坑二：不要用「連結」的圖片
11. 匯出的圖片檢查清單
12. 做完這三篇，你手上有的東西

上一篇量好了、座標也算出來了。這一篇把草圖變成一張真正的平面圖。

只用一個軟體畫一次，然後匯出成兩種格式：

• PNG —— 給 Picture Elements 用（系列第一篇那張卡）
  
• SVG —— 給 ha-floorplan 用（之後要做漸變、發光的人）
  

兩條路線的底圖一次做完，不用畫兩次。



先說為什麼不推薦 Floorplanner 那類線上工具

很多教學（包含這篇的舊版）會推 Floorplanner，理由是五分鐘就能出圖。這點是真的。

問題出在匯出。它 2026 年的免費方案：

• 匯出的是 SD 畫質，960 × 540
  
• 帶浮水印
  
• 免費專案上限 5 個、每案 3 層
  

960 × 540 放到平板上會糊，而浮水印會壓在你的房間上。
照著做完才會發現匯出這關過不了，那時候整張圖已經畫好了。

免費又沒有這些限制的是 Sweet Home 3D（GPL 開源），
而且它直接就能匯出 SVG —— 這正好是 ha-floorplan 要的格式。

步驟 1：安裝 Sweet Home 3D

到 `sweethome3d.com`，左邊選 Download。現行版本是 7.5。

• Windows：`SweetHome3D-7.5-windows.exe`，約 68 MB
  
• macOS：10.13 以上，Apple Silicon 有原生版
  
• Linux：Debian / Ubuntu 有 `.deb`，其他發行版用 `.tgz`
  

一定要裝桌面版，不要用瀏覽器上的線上版。
線上版少了兩個這篇會用到的功能：畫牆時用鍵盤輸入精確長度，以及 SVG 匯出。

你會看到什麼：打開之後是四格畫面 —— 左上是家具目錄、左下是家具清單、
右上是平面圖（白色方格）、右下是 3D 預覽。這一篇只會用到右上那一格，
3D 那格可以把分隔線拉下去縮到最小。

步驟 2：設定單位

檔案 → 偏好設定（macOS 在 Sweet Home 3D → 偏好設定）：

以下還有約 81% 的內容
登入後即可閱讀完整教學

登入繼續閱讀使用 Google 登入