把 AI 畫布搬回家：GPT Image Canvas 深度解析 | Bring AI Canvas Home: A Deep Dive into GPT Image Canvas
🔎 工具速覽 / AT A GLANCE
| Category | AI 繪圖工具 / 系統設計 |
| Pricing | 開源免費 (Open Source) |
| BestFor | 需要快速迭代視覺原型的設計師與工程師 |
| GitHub Stars | ⭐ 170 |
🚀 引言 / Introduction
各位在科技業修 Bug 修到肝指數爆表、還得面對老闆各種『我要這種感覺但說不出來』奇葩需求的工程師們，大家好。今天不聊 K8s 怎麼崩潰，來聊聊怎麼用 AI 幫我們省掉被產品經理（PM）要求『稍微改一下這張圖』的無限循環。如果你厭倦了在各種雲端工具之間跳來跳去，或者單純想在下午茶吃雞排時偷偷測試你的 AI 靈感，那麼 gpt-image-canvas 絕對是你需要部署在本地的神級工具。這不是那種只能跑 Demo 的玩具，而是一個基於 tldraw、Hono 和 SQLite 搭建的專業級 AI 畫布。簡單來說，它把『無限畫布』與『強大生成能力』結合在一起，讓你的創意不再被對話框限制。 | Hey fellow engineers, those of you whose liver enzymes are screaming from endless bug fixing and dealing with bosses' 'I can't describe it, but I know it when I see it' requests. Today, let's stop talking about K8s crashes and start talking about how to escape the infinite loop of PMs asking to 'slightly tweak this image.' If you're tired of hopping between cloud tools, or just want to secretly test AI inspirations during your afternoon fried chicken snack, gpt-image-canvas is the local tool you need. This isn't a mere demo toy; it's a professional AI canvas built on tldraw, Hono, and SQLite. In short, it merges an 'infinite canvas' with 'powerful generative capabilities,' ensuring your creativity is no longer confined to a chat box.
🛠️ 核心功能 / Key Features
基於 tldraw 的無限畫布，支援 Prompt 轉圖片及參考圖生成，讓靈感直接在畫布上炸裂 | Infinite canvas powered by tldraw, supporting prompt-to-image and reference-image generation for seamless creative flow.
生成紀錄與專案快照優先儲存在本地，不用擔心雲端同步延遲或隱私外洩 | Local-first storage for generated images and project snapshots, eliminating cloud latency and privacy concerns.
全面相容 OpenAI 格式接口，無論是官方 API 還是各種第三方轉發，只要有 Base URL 都能跑 | Full compatibility with OpenAI-style endpoints, supporting official APIs or third-party proxies via customizable Base URLs.
選配騰訊雲 COS 備份，讓你在本地開發的同時，也能把成品安全地丟到雲端 | Optional Tencent Cloud COS backup, keeping your local creations securely synced to the cloud.
聰明的權限導向頁面，支援 API Key 優先級管理與 Codex 登入回退機制，不會讓使用者在空白頁發呆 | Credential-aware routing with API-key priority and Codex login fallback, ensuring a smooth user onboarding experience.
💡 技術亮點 / Tech Highlights
使用了 Node.js 22 與 pnpm 9 的最新組合，配合 Hono 的極速效能，部署起來快到像是在等電梯 | Built with Node.js 22 and pnpm 9, leveraging Hono's blazing performance for a deployment experience that's faster than waiting for an elevator.
預設支援 gpt-image-2，但你可以隨意切換模型名稱，滿足不同場景的繪圖需求 | Defaults to gpt-image-2, but allows custom model switching to meet diverse image generation needs.
完整的生成歷史紀錄，支援定位、重新執行與下載，再也不用在數百張暫存檔中找『那個正確的版本』 | Comprehensive generation history with locate, rerun, and download features—no more hunting for the 'correct version' among hundreds of temp files.
📦 快速上手 / Quick Start
確保你有 Node.js 22+ 和 pnpm 9.14.2 (建議用 corepack 啟動) | Ensure you have Node.js 22+ and pnpm 9.14.2 (Corepack recommended).
執行 `pnpm install` 安裝依賴，並將 `.env.example` 複製為 `.env` | Run `pnpm install` to install dependencies and copy `.env.example` to `.env`.
跑 `pnpm dev` 後，直接打開 `http://localhost:5173` 就可以開始揮灑創意 | Run `pnpm dev` and open `http://localhost:5173` to start creating.
在 `.env` 設定 `OPENAI_API_KEY` 或在網頁右上角的『配置』對話框直接填入你的 API Key 與 Base URL | Set `OPENAI_API_KEY` in `.env` or enter your API Key and Base URL directly in the 'Configuration' dialog in the top-right corner of the app.
準備好試試 把 AI 畫布搬回家：GPT Image Canvas 深度解析 | Bring AI Canvas Home: A Deep Dive into GPT Image Canvas 了嗎？
Ready to try 把 AI 畫布搬回家：GPT Image Canvas 深度解析 | Bring AI Canvas Home: A Deep Dive into GPT Image Canvas?
前往 GitHub 頁面 →
留言
張貼留言