別再用對話框畫圖了！GPT Image Canvas：把 AI 變成你的無限靈感畫布 | Stop Chatting, Start Drawing: GPT Image Canvas

將 AI 圖像生成從「抽卡遊戲」進化為「專業工作流」的在地化畫布工具。 | Transforming AI image generation from a 'gacha game' into a professional workflow canvas.

🔎 工具速覽 / AT A GLANCE

Category	AI 視覺協作工具 / Local AI Canvas
Pricing	開源免費 (需自備 API Key)
BestFor	產品經理、UI/UX 設計師、需要快速原型化 AI 視覺的開發者
GitHub Stars	⭐ 141

🚀 引言 / Introduction

身為在科技業打滾多年的系統顧問，我最怕看到老闆說『我想要一個感覺很高級的圖，你幫我弄一下』。以前我們得在 ChatGPT 的對話框裡像抽卡一樣祈禱 AI 能抽到對的圖，抽錯了就得重新輸入 Prompt 跑到肝指數飆高。但 gpt-image-canvas 把遊戲規則改變了——它把 tldraw 的無限畫布與 AI 生成結合，讓你不再是『對話』，而是在『設計』。

As a long-time systems consultant in tech, I've survived countless 'Make it look premium' requests from bosses. We used to treat AI image generation like a gacha game, praying the prompt would hit the mark while our stress levels spiked. gpt-image-canvas changes the game by merging tldraw's infinite canvas with AI generation, moving us from 'chatting' to 'designing'.

🛠️ 核心功能 / Key Features

AI Infinite Canvas: Powered by tldraw, supporting prompt-to-image and reference-image generation, breaking free from narrow chat windows.

AI 無限畫布：基於 tldraw，支持 Prompt 直接生成圖像與參考圖生成，告別狹窄的聊天視窗。

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

在地化優先存儲：生成的圖像與專案快照儲存在本地，不用擔心雲端延遲或隱私外洩。

Flexible API Compatibility: Supports official OpenAI endpoints and all compatible providers (e.g., PackyCode), allowing seamless model switching.

靈活的 API 兼容性：支持 OpenAI 官方接口及所有兼容端點（如 PackyCode），讓你能隨意切換模型。

Multi-layered Authentication: Built-in API key priority and Codex login fallback to ensure uninterrupted development workflows.

多重認證機制：內建 API Key 優先權與 Codex 登入回退機制，確保開發流程不中斷。

💡 技術亮點 / Tech Highlights

No More 'Blind Draws': Visual arrangement on the canvas allows for quick comparison of multiple results, saving you from endless scrolling through chat history.

不再是『盲抽』：透過畫布上的視覺排列，你可以快速對比多組生成結果，不用在對話紀錄裡往回捲到天荒地老。

Enterprise-grade Backup: Optional Tencent Cloud COS backup for team synchronization and long-term archiving, ending the nightmare of manual image saving.

企業級備份選項：支持騰訊雲 COS 備份，適合需要團隊同步或長期存檔的專案，不用再用手動存圖存到崩潰。

Minimalist Deployment: Get it running in seconds with pnpm—faster than fixing that one legacy bug that keeps coming back.

極簡部署：用 pnpm 幾下指令就起來，比修那個修不完的 Legacy Bug 還快。

📦 快速上手 / Quick Start

Environment: Ensure Node.js 22+ and pnpm 9.14.2 (Corepack activation recommended).

安裝環境：確保 Node.js 22+ 與 pnpm 9.14.2（建議用 Corepack 激活）。

Quick Launch: Run `pnpm install` $\rightarrow$ copy `.env.example` to `.env` $\rightarrow$ `pnpm dev`.

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

Configuration: Set `OPENAI_API_KEY` in `.env` and start creating at `http://localhost:5173`.

配置金鑰：在 `.env` 中設定 `OPENAI_API_KEY` 即可開始在 `http://localhost:5173` 揮灑創意。

準備好試試 別再用對話框畫圖了！GPT Image Canvas：把 AI 變成你的無限靈感畫布 | Stop Chatting, Start Drawing: GPT Image Canvas 了嗎？

Ready to try 別再用對話框畫圖了！GPT Image Canvas：把 AI 變成你的無限靈感畫布 | Stop Chatting, Start Drawing: GPT Image Canvas?

前往 GitHub 頁面 →