Gridfinity Layout Tool
這是一款免費的開源網頁工具，供需要整理抽屜的使用者規劃 Gridfinity 收納布局並生成可用於 3D 列印的收納盒和底板。
- 每月造訪次數
- 81K
- 上升6.4%較上月2026 年 9 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- 免費
- 沒有月付訂閱價
- 首次發布
- 7 個月前
- 2026-05-01 · 估算
訪問
近 12 個月
行銷動作
發布、搜尋與內容、引薦、促銷在 Show HN 發布（1 分）發布
A visual planner for the Gridfinity modular storage system — Hiya HN, so I got a 3D printer for Christmas last year which kicked off a mild obsession with printing all the things. I soon discovered G…
5 月 1 日 · 7 個月前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Show HN
2026-05-01查看原文
- 創作者原帖摘錄：
- Hiya HN, so I got a 3D printer for Christmas last year which kicked off a mild obsession with printing all the things. I soon discovered Gridfinity and went about organizing all the drawers in my workshop. Over the past few months, I've been building this open source tool to help me plan, catalog, and design complete drawer organization systems. One of the c
開源倉庫與自部署
GitHub 開源與智慧體接入
最近提交 2026-11-07
- GitHub 星標
- ★ 31
- 分支數 (Forks)
- —
- 開源協議
- AGPL-3.0
- 主要語言
- Go
流量來源
2026 年 9 月
訪問構成
管道
- 直接訪問45%
- 自然搜尋33%
- 外部引薦12%
- AI 助手4%
- 其他5%
國家/地區
- 美國60%
- 德國5%
- 加拿大5%
- 波蘭3%
- 英國3%
搜尋
站點權重 —網域名稱註冊 2026-01-07
| 關鍵字 | 月搜尋量 |
|---|---|
| gridfinity | 49.2K |
| gridfinity generator | 19.9K |
| gridfinity bin generator | 1,140 |
| gridfinity layout tool | 700 |
| what are the dimension of a gridfinity square | — |
流量資料：Vaneform
定價
官網未公開方案價格。
試用：未提供 · 觀察於 2026-11-11 · 來源頁面
頁面與變化
開始記錄於 2026-07-31
關鍵頁面
每週快照首頁
gridfinitylayouttool.com/l/woeF4poPjYO8/untitled-layout 快照 2026-11-12
設計
首屏畫面視覺分析與 :root CSS
深色工作台以密集工具欄和雙側屬性面板圍繞大幅網格畫布，Inter 字體與橙色強調按鈕清晰呈現專業布局工具的操作感。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Tools”
頂部橫向工具欄，下方由左側工具面板、中央網格畫布與右側檢查器組成三欄工作區。
首屏畫面轉化路徑：全螢幕畫布、影片或 3D 場景疊標題 + 首屏畫面可互動演示或工具 → 首屏畫面直接輸入或試用
- 品類定位錨點
- 首屏畫面可互動工具
色板 · 點擊複製
五維設計評分7.9 / 10
- 字體與排版
- 7.0
- 色彩與對比
- 8.0
- 構圖與留白
- 9.0
- 細節與工藝
- 8.0
- 風格辨識度
- 7.0
結構
- 字體
- Inter / IBM Plex Mono
- 首屏畫面版式
- 全螢幕畫布、影片或 3D 場景疊標題
- 主視覺
- 首屏畫面可互動演示或工具
- 轉化動作
- 首屏畫面直接輸入或試用
- 信任背書
- 無顯式背書
- 導航
- 頂部通欄導航
- 明暗與密度
- 深色 · 資訊密集
- 圓角與層級
- 中圓角 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：暗色開發者（兼備極簡單色）
深色背景、等寬字體與程式碼片段，首屏畫面常放終端機或命令列示例。
## 設計參數
```css
:root {
--background: #0f0f12;
--surface: #1a1a1f;
--foreground: #fbfbfb;
--muted-foreground: #a1a1aa;
--accent: #f59e0b;
--radius: 8px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, monospace;
}
```
色彩面積配比：背景 #0F0F12（約 36%） · 面板 #1A1A1F（約 50%） · 正文 #FBFBFB（約 7%） · 次要文字 #A1A1AA（約 4%） · 強調 #F59E0B（約 3%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：全螢幕畫布、影片或 3D 場景疊標題
- 導航結構：頂部通欄導航
- 明暗與密度：深色 · 資訊密集
- 圓角與層級：中圓角；用陰影區分層級
- 主視覺載體：首屏畫面可互動演示或工具
- 轉化動作：首屏畫面直接輸入或試用
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：首屏畫面可互動工具
- 空間布局拆解：頂部橫向工具欄，下方由左側工具面板、中央網格畫布與右側檢查器組成三欄工作區。
- 視覺特徵總結：深色工作台以密集工具欄和雙側屬性面板圍繞大幅網格畫布，Inter 字體與橙色強調按鈕清晰呈現專業布局工具的操作感。
## 避免
- 照片
- 柔和粉彩
- 大圓角
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- Gridfinity Layout Tool 的網站造訪次數是多少？
- Vaneform 估算 2026-09 網站造訪次數為 81K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- Gridfinity Layout Tool 是什麼產品，支援哪些平台？
- Gridfinity Layout Tool 歸屬「3D 與 AR/VR」市場領域：這是一款免費的開源網頁工具，供需要整理抽屜的使用者規劃 Gridfinity 收納布局並生成可用於 3D 列印的收納盒和底板。。 支援平台包括：僅網頁。
- Gridfinity Layout Tool 是開源專案嗎？採用什麼協議？
- Gridfinity Layout Tool 擁有公開程式碼倉庫（https://github.com/andymai/gridfinity-layout-tool），採用 AGPL-3.0 協議，記錄有 31 個 GitHub Stars。來源
同分類研究對象
設計 / 3D 與 AR/VR
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。