GPT Image Canvas：把 AI 繪圖變成你的數位白板 | GPT Image Canvas: Turning AI Art into Your Digital Whiteboard

不再是被動地刷圖，而是在無限畫布上直接定義創意。 | Stop passive prompting; start defining creativity on an infinite canvas.

🔎 工具速覽 / AT A GLANCE

Category	AI-Powered Creative Tool / Local Canvas
Pricing	Free / Open Source (Bring Your Own API Key)
BestFor	設計師、產品經理、需要快速視覺化原型的工程師
GitHub Stars	⭐ 187

🚀 引言 / Introduction

各位在業界修 Bug 修到肝指數飆高、每天在 Jira 票單中掙扎的戰友們，大家好。最近我發現很多工程師跟 PM 在對接需求時，最痛苦的不是寫 Code，而是『對不上的視覺想像』。老闆說要『高級感』，你畫的卻像 20 年前的 Windows 視窗。為了避免這種溝通災難，我最近在研究一個叫 gpt-image-canvas 的專案。簡單來說，它把 AI 繪圖從那種『輸入文字 $\rightarrow$ 等待 $\rightarrow$ 抽卡』的單調流程，直接搬到了 tldraw 的無限畫布上。這感覺就像是你不用再忍受下午茶雞排在路上被外送員弄掉的絕望，而是直接把雞排店搬到辦公桌前——只要你想，隨時隨地在畫布上直接生成、調整、排列，讓你的創意不用在分頁切換中迷失。

🛠️ 核心功能 / Key Features

這款工具最讓我驚艷的不是它的繪圖能力（畢竟那是 Model 的功勞），而是它的『工作流』設計。它基於 tldraw，讓你能在畫布上直接進行 Prompt-to-Image 或參考圖生成。最實用的是它的 Local-first 儲存機制，不需要每次都擔心 API 跑掉或網路斷線導致靈感消失。此外，它還支援 Tencent Cloud COS 備份，讓你的作品不會像某些公司的 legacy code 一樣，一旦換了開發者就再也找不到在哪。如果你對隱私有要求，它支援本地 API 配置，不管是 OpenAI 官方還是相容端點都能快速接上。這種設計對我們這種怕被公司監控、或者需要在隔離環境下快速出 prototype 的工程師來說，簡直是救星。

💡 技術亮點 / Tech Highlights

從系統設計的角度看，這個專案的技術棧非常『乾淨』：Hono + SQLite + tldraw。沒用那些過於沉重的框架，執行起來快得像老闆要求『明天就要看到 Demo』時的急促感。特別值得一提的是它的憑證管理（Credential-aware routes），它能聰明地判斷你是否有 API Key 或 Codex 登入狀態，沒設定好就導向首頁，設定好了直接進入 Canvas，這種 UX 的細節處理讓它不像是一個隨便寫寫的 side project，而像是一個成熟的產品。而且它對 OpenAI 相容端點的支持（包括 PackyCode 等），意味著你可以自由切換模型，不用被單一供應商綁死，就像我們在選擇雲端服務時最在意的『避免 Vendor Lock-in』一樣。

📦 快速上手 / Quick Start

pnpm install $\rightarrow$ Copy-Item .env.example .env $\rightarrow$ pnpm devpnpm install $\rightarrow$ cp .env.example .env $\rightarrow$ pnpm dev

Ensure Node.js 22+ and pnpm 9.14.2 are installed. / 確保安裝 Node.js 22+ 與 pnpm 9.14.2。

準備好試試 GPT Image Canvas：把 AI 繪圖變成你的數位白板 | GPT Image Canvas: Turning AI Art into Your Digital Whiteboard 了嗎？

Ready to try GPT Image Canvas：把 AI 繪圖變成你的數位白板 | GPT Image Canvas: Turning AI Art into Your Digital Whiteboard?

前往 GitHub 頁面 →