告別繁瑣 Prompt：GPT Image Canvas，讓你的 AI 繪圖像在白板上開會一樣直覺 | Say Goodbye to Clunky Prompts: GPT Image Canvas

把 AI 繪圖變成無限畫布，不再讓你的創意被對話框限制 | Transform AI Image Generation into an Infinite Canvas; Break Free from the Chatbox Constraints

🔎 工具速覽 / AT A GLANCE

Category	AI 視覺化工作流 / Local-first AI Tool
Pricing	Open Source (Self-hosted)
BestFor	設計師、系統架構師、需要快速視覺化 Demo 的工程師
GitHub Stars	⭐ 118

🚀 引言 / Introduction

還在對著那個小小的對話框不斷嘗試『請幫我修改左上角的顏色』嗎？身為被 Bug 追著跑的工程師，我們太需要一個能直接『指給 AI 看』的工具了。gpt-image-canvas 就像是在你的電腦裡放了一塊無限大的數位白板，讓 AI 繪圖不再是抽獎，而是一種可視化的協作。 / Still fighting with a tiny chatbox, typing 'please change the color of the top-left corner'? As engineers chased by endless bugs, we need a tool that lets us 'point and tell'. gpt-image-canvas is like an infinite digital whiteboard on your machine, turning AI generation from a lottery into a visual collaboration.

🛠️ 核心功能 / Key Features

tldraw-powered Infinite Canvas: Move beyond chat interfaces; generate and arrange elements directly on a canvas.

基於 tldraw 的無限畫布：擺脫對話式介面，直接在畫布上生成與排版。

Local-first Storage: Images and project snapshots are stored locally, ensuring privacy and persistence.

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

Flexible API Integration: Supports official OpenAI, OpenAI-compatible endpoints, and Codex login.

靈活的 API 接入：支援 OpenAI 官方、OpenAI 兼容接口以及 Codex 登入。

Cloud Backup: Optional Tencent Cloud COS backup to ensure your work is safe across devices.

雲端備份機制：可選配騰訊雲 COS 備份，讓你的作品在換機時不用心驚膽顫。

💡 技術亮點 / Tech Highlights

Smart Routing: Automatically detects API key or session status, gracefully redirecting to the homepage instead of throwing a 403 error.

智能路由機制：自動判斷 API Key 或登入狀態，沒權限時會優雅地導回首頁，而不是直接噴 403 錯誤。

Generation History: Locate, rerun, and download previous works—no more guessing the perfect prompt from three days ago.

生成歷史追蹤：支援定位、重新運行與下載，不用再回想三天前那個完美的 Prompt 是怎麼寫的。

Minimalist Deployment: Quick start with pnpm; get it running so fast your boss will think you built a whole new product.

極簡部署：用 pnpm 快速啟動，不需要寫複雜的 Dockerfile 就能讓老闆以為你開發了一個新產品。

📦 快速上手 / Quick Start

Environment: Ensure Node.js 22+ and pnpm 9.14.2 are installed.

安裝環境：確保 Node.js 22+ 與 pnpm 9.14.2 已就緒。

Initialization: Run 'pnpm install' and copy .env.example to .env.

初始化：執行 pnpm install 並將 .env.example 複製為 .env。

Configuration: Fill in your OPENAI_API_KEY or set a custom BASE_URL in .env.

配置金鑰：在 .env 中填入 OPENAI_API_KEY 或設定自定義的 BASE_URL。

Launch: Run 'pnpm dev' and open http://localhost:5173 to start creating.

啟動：執行 pnpm dev 並開啟 http://localhost:5173 即可開始揮灑創意。

準備好試試 告別繁瑣 Prompt：GPT Image Canvas，讓你的 AI 繪圖像在白板上開會一樣直覺 | Say Goodbye to Clunky Prompts: GPT Image Canvas 了嗎？

Ready to try 告別繁瑣 Prompt：GPT Image Canvas，讓你的 AI 繪圖像在白板上開會一樣直覺 | Say Goodbye to Clunky Prompts: GPT Image Canvas?

前往 GitHub 頁面 →