別再對著空白畫面發呆！用 gpt-image-canvas 打造你的 AI 創意無限畫布 | Stop Staring at Blank Screens: Level Up Your Creativity with gpt-image-canvas

把 AI 繪圖變成像在白板上塗鴉一樣簡單，讓你的靈感不再被 Bug 擋住 | Transform AI image generation into a simple whiteboard experience, keeping your inspiration bug-free.

🔎 工具速覽 / AT A GLANCE

Category	AI-Powered Creative Tool / Local Canvas
Pricing	Open Source / Free (Requires own API Key)
BestFor	UI/UX Designers, System Architects, Product Managers, and Creative Developers
GitHub Stars	⭐ 141

🚀 引言 / Introduction

身為工程師，我們最怕的是什麼？不是修不完的 Bug，也不是老闆週五下午五點突然提出的『奇葩需求』，而是面對一張空白的設計稿時，腦袋跟我的肝指數一樣，處於一種『不可描述』的狀態。今天跟大家分享的 gpt-image-canvas，就像是在你的電腦裡裝了一個 AI 驅動的無限白板，讓你不用在不同分頁跳來跳去，直接在畫布上把靈感『噴』出來。 | As an engineer, what do we fear most? Not the endless bugs or the boss's 'eccentric requirements' at 5 PM on a Friday, but the mental void when facing a blank design canvas. Today I'm sharing gpt-image-canvas—it's like having an AI-powered infinite whiteboard on your machine, letting you 'spray' your inspiration directly onto the canvas without flipping through dozens of tabs.

🛠️ 核心功能 / Key Features

tldraw-powered Infinite Canvas: No more fixed frames; expand your creative territory freely.

基於 tldraw 的無限畫布：不再受限於固定畫幅，隨意擴張你的創意版圖。

Local-first Storage: Store generated images and snapshots locally—no more worrying about network outages or painfully slow cloud syncs.

本地優先存儲：生成的圖片與快照存在本地，不用擔心公司網路斷線或雲端同步慢到讓人想撞牆。

Flexible API Integration: Supports official OpenAI and compatible endpoints, whether you're using the original or a third-party proxy.

彈性的 API 接入：支持 OpenAI 官方與兼容端點，不管是用原廠還是第三方中轉都能跑。

Generation History Management: Supports locating, rerunning, and downloading, making it easy to revert versions when the boss says 'one more change'.

歷史紀錄管理：支持定位、重新運行與下載，就算老闆要求『再改一次』也能快速找回版本。

💡 技術亮點 / Tech Highlights

Real-time Prompt-to-Image: Turn imagination into visuals directly on the canvas, saving time spent switching between Midjourney or DALL-E tabs—leaving you more time for your afternoon snack.

Prompt-to-Image 實時生成：直接在畫布上透過提示詞將想像轉化為視覺，省去在 Midjourney 或 DALL-E 網頁間來回切換的時間，下午茶雞排能多吃一口。

Intelligent Auth Routing: Credential-aware mechanism—direct to canvas if you have a key, otherwise via Codex login, making the workflow as smooth as a successful CI/CD pipeline.

智能權限路由：具備 Credential-aware 機制，有 Key 直接進畫布，沒 Key 走 Codex 登入，流程順暢得像剛跑完的 CI/CD pipeline。

Optional Cloud Backup: Supports Tencent Cloud COS backup, balancing local convenience with cloud security for your creative assets.

雲端備份選項：支持騰訊雲 COS 備份，讓你的創意資產在本地便利與雲端安全之間取得平衡。

📦 快速上手 / Quick Start

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

環境準備：安裝 Node.js 22+ 與 pnpm 9.14.2 (建議用 Corepack 啟動)。

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

快速部署：執行 pnpm install $\rightarrow$ 複製 .env.example 為 .env $\rightarrow$ pnpm dev。

Configure Keys: Enter your OPENAI_API_KEY in .env or set a custom BASE_URL to start generating.

設定金鑰：在 .env 中填入 OPENAI_API_KEY 或設定自定義的 BASE_URL 即可開始作畫。

Launch: Visit http://localhost:5173 in your browser and prepare for an AI creativity surge.

啟動訪問：打開瀏覽器訪問 http://localhost:5173，準備好迎接 AI 的創意衝擊。

準備好試試 別再對著空白畫面發呆！用 gpt-image-canvas 打造你的 AI 創意無限畫布 | Stop Staring at Blank Screens: Level Up Your Creativity with gpt-image-canvas 了嗎？

Ready to try 別再對著空白畫面發呆！用 gpt-image-canvas 打造你的 AI 創意無限畫布 | Stop Staring at Blank Screens: Level Up Your Creativity with gpt-image-canvas?

前往 GitHub 頁面 →