把 AI 畫布搬回家：gpt-image-canvas 深度實測 | Local AI Canvas Exploration
🔎 工具速覽 / AT A GLANCE
| Category | AI Productivity Tool / Local Canvas |
| Pricing | Open Source (Free) |
| BestFor | 需要高效視覺化腦力激盪的工程師、UI/UX 設計師、以及不想把公司機密圖檔傳到雲端的肝苦開發者 |
| GitHub Stars | ⭐ 141 |
🚀 引言 / Introduction
「每次老闆說『我想這個感覺再陽光一點』，你就得在五個分頁之間切換，切到精神分裂？試試這個把 AI 繪圖直接整合進無限畫布的本地工具，讓你的靈感不再被分頁給切斷。」
"Every time your boss says 'I want this to feel more sunny,' and you have to switch between five different tabs until you're mentally exhausted? Try this local tool that integrates AI image generation directly into an infinite canvas, keeping your inspiration seamless."🛠️ 核心功能 / Key Features
AI 驅動的無限畫布 (AI-Powered Canvas)
基於 tldraw 構建，支援從文字 prompt 直接生成圖片或使用參考圖生成，不用再在那邊 Copy-Paste 存圖了。
本地優先存儲 (Local-first Storage)
生成的圖片與專案快照直接存本地，不必擔心雲端同步延遲，或是個資外洩被資安部門約談。
靈活的後端兼容性 (Flexible Backend Compatibility)
支援 OpenAI 官方 API 以及任何 OpenAI 兼容接口（如 PackyCode/gpt-image），不管你用哪家 API Key 都能跑。
雲端備份選項 (Cloud Backup Option)
內建騰訊雲 COS 備份，給那些擔心硬碟突然掛掉（像我們肝指數一樣飆升）的人一個雙重保險。
💡 技術亮點 / Tech Highlights
不再恐懼 API 斷線 (Credential-Aware Routing)
智能路由設計，沒 Key 時會導向首頁讓你補 Key，有 Key 時直接進入工作狀態，省去手動檢查配置的麻煩。
完整生成歷史 (Generation History)
支援定位、重新執行、下載，再也不用在歷史紀錄裡翻找『那個上次畫得不錯但沒存檔』的圖。
現代化技術棧 (Modern Tech Stack)
Hono + SQLite + Node.js 22，輕量且快速，啟動速度快到讓你以為 Bug 跑掉了。
📦 快速上手 / Quick Start
環境準備 (Prerequisites)
安裝 Node.js 22+ 與 pnpm 9.14.2 (建議用 corepack 啟動)。
Ensure Node.js 22+ and pnpm 9.14.2 are installed.快速部署 (Deployment)
跑 `pnpm install` $\rightarrow$ 複製 `.env.example` 到 `.env` $\rightarrow$ 填入 API Key $\rightarrow$ `pnpm dev`。
Run `pnpm install` $\rightarrow$ copy `.env.example` to `.env` $\rightarrow$ fill API Key $\rightarrow$ `pnpm dev`.開始創作 (Start Creating)
打開 `http://localhost:5173`，在畫布上揮灑你的想像力（或者在老闆來之前趕快把圖畫好）。
Open `http://localhost:5173` and let your creativity flow (or finish the images before the boss walks in).準備好試試 把 AI 畫布搬回家：gpt-image-canvas 深度實測 | Local AI Canvas Exploration 了嗎？
Ready to try 把 AI 畫布搬回家：gpt-image-canvas 深度實測 | Local AI Canvas Exploration?
前往 GitHub 頁面 →
留言
張貼留言