不再被 Prompt 搞到崩潰：GPT Image Canvas 讓 AI 繪圖變成像在白板上開會一樣簡單 | Stop Prompting in Blind: GPT Image Canvas Turns AI Art into a Collaborative Whiteboard Experience

將 AI 生成圖與無限畫布結合，告別盲目試錯，讓創意在 Local 快速迭代。 | Merging AI generation with an infinite canvas to end blind prompting and enable rapid local iteration.

🔎 工具速覽 / AT A GLANCE

Category	AI 創意工具 / 開源畫布 (Open Source AI Canvas)
Pricing	免費開源 (Free & Open Source)
BestFor	需要快速視覺化原型的 UI/UX 設計師、被老闆要求『快速出個圖』的工程師、AI 藝術探索者
GitHub Stars	⭐ 167

🚀 引言 / Introduction

身為系統設計顧問，我最怕聽到老闆說『我想讓這個感覺再陽光一點』，這種模糊的要求比修 Bug 還痛苦。gpt-image-canvas 就像是在你的電腦裡放了一塊能自動作圖的白板，讓你在 Local 環境就能把那些奇葩需求快速視覺化，不用在分頁之間切換到眼花，也不用擔心 Token 燒光在沒意義的試錯中。 | As a system design consultant, the most terrifying phrase is 'I want it to feel more sunny'—vague requirements are worse than endless bugs. gpt-image-canvas is like a magic AI whiteboard on your local machine, turning eccentric requests into visuals without the madness of tab-switching or wasting tokens on blind trial-and-error.

🛠️ 核心功能 / Key Features

tldraw-powered Canvas: Moving beyond boring chat boxes to an infinite canvas for generation and layout.

tldraw 強大畫布：不再是單調的對話框，直接在無限畫布上生成與排版。

Local-First Storage: Generated images and snapshots are stored locally, eliminating cloud latency and privacy concerns.

Local-First 儲存：生成的圖與快照直接存在本地，不必擔心雲端同步延遲或隱私外洩。

Flexible API Integration: Supports official OpenAI and all compatible endpoints, including custom proxy APIs.

彈性 API 接入：支援 OpenAI 官方及所有相容端點，甚至可以接自己的中轉 API。

Generation History: Built-in history for locating, rerunning, and downloading images, managing your art like Git branches.

世代管理系統：內建生成歷史，隨時定位、重新運行或下載，像管理 Git 分支一樣管理你的圖。

💡 技術亮點 / Tech Highlights

Low-barrier Deployment: Node.js 22 + pnpm for rapid startup, avoiding environment config headaches that spike liver enzymes.

低門檻部署：Node.js 22 + pnpm，快速啟動，不用搞複雜的環境配置到肝指數飆高。

Cloud Backup Option: Supports Tencent Cloud COS, balancing local agility with cloud reliability.

雲端備份選項：支援騰訊雲 COS，讓你的創作在本地與雲端之間取得平衡。

Flexible Auth Flow: Supports API-key priority or Codex login fallback to ensure uninterrupted development.

靈活的認證流程：支援 API-key 優先或 Codex 登入回退，確保開發流程不中斷。

📦 快速上手 / Quick Start

Environment Setup: Ensure Node.js 22+ and activate pnpm 9.14.2 via corepack.

安裝環境：確保 Node.js 22+ 並使用 corepack 啟動 pnpm 9.14.2。

Quick Start: pnpm install $\rightarrow$ copy .env.example $\rightarrow$ pnpm dev.

快速啟動：pnpm install $\rightarrow$ 複製 .env.example $\rightarrow$ pnpm dev。

Configure Key: Enter your OpenAI API Key in the .env file or the top-right configuration dialog.

配置金鑰：在 .env 或網頁右上角配置對話框中輸入 OpenAI API Key。

Start Creating: Open http://localhost:5173 and begin your AI image journey.

開始創作：打開 http://localhost:5173，開始你的 AI 繪圖之旅。

準備好試試 不再被 Prompt 搞到崩潰：GPT Image Canvas 讓 AI 繪圖變成像在白板上開會一樣簡單 | Stop Prompting in Blind: GPT Image Canvas Turns AI Art into a Collaborative Whiteboard Experience 了嗎？

Ready to try 不再被 Prompt 搞到崩潰：GPT Image Canvas 讓 AI 繪圖變成像在白板上開會一樣簡單 | Stop Prompting in Blind: GPT Image Canvas Turns AI Art into a Collaborative Whiteboard Experience?

前往 GitHub 頁面 →