幾乎不會 coding 的作品集

房仲格局圖產生器

給房仲用的格局圖繪製網頁:填入物件名稱、地址、總坪數與房型(3 房 2 廳、2 房 1 廳、店面、自由繪製),再用格線上的移動、方框、窗、門、半圓、自由線與旋轉門等工具自由畫出格局,可顯示空間名稱與坪數、調整格線大小,產出 PNG 圖片下載。

狀態
公開網站
評分
2.5滿分 5
讚數
—原文
收錄日期
10/172026 年

點圖片可以放大看完整畫面。

點評

針對房仲的小切角很準:多數房仲要的是「看得懂的格局示意」,而不是 CAD。格線加建築元素(門、窗、旋轉門)這個思路,對有建築背景的人會覺得很熟悉;在地的「坪」單位與台式房型預設也合用。但繪圖工具像一排功能按鈕,缺少牆體、尺寸標註與家具等元素,畫出來的比較像草圖;與市面上的 Floorplanner 等工具相比,需要在速度與預設樣板上取勝。另外輸出的格局圖若用於廣告,要留意與實際建物坪數是否一致,避免誤導。

2.5綜合評分,滿分 5
完成度
3
痛點真實
3
體驗設計
2
可持續
2

作品故事

為什麼做

作者只寫「可自由畫圖,轉出」;用途從名稱看是讓房仲快速做出物件格局示意圖。

怎麼做出來的

貼文一句話,沒有截圖與回覆;網站查證時可開啟,只列出 PNG 輸出,若下載沒反應可對預覽圖右鍵另存。

技術細節

Netlify 部署的純前端網頁,以 Canvas 畫圖與匯出 PNG(推測)。

連結

資訊

作者
@k_528hung
用途
建築與營造
領域
建築規劃
狀態說明
公開網站:公開網站・免費
原文日期
2026-09-14
來源
Threads
編號
No. 391

同樣是「建築與營造」