別再對著 Prompt 乾瞪眼！用 gpt-image-canvas 把 AI 繪圖變成你的數位白板 | Stop Prompt Guessing! Turn AI Art into a Digital Whiteboard with gpt-image-canvas

將 tldraw 的靈活畫布與 GPT-Image 的強大生成力結合，讓創意不再被對話框限制。 | Merging tldraw's flexible canvas with GPT-Image's power, breaking the limits of chat-box creativity.

🔎 工具速覽 / AT A GLANCE

Category	AI Creative Tool / Local Canvas
Pricing	Open Source (Free)
BestFor	UI/UX Designers, Product Managers, Creative Concept Artists
GitHub Stars	⭐ 181

🚀 引言 / Introduction

身為系統顧問，我最怕聽到老闆說『你要像那個...那個感覺，你知道我意思吧？』這種奇葩要求。傳統的 AI 繪圖像是在抽盲盒，改一次 Prompt 就像在修一個沒文件卻要上線的 Bug。而 gpt-image-canvas 這次把繪圖搬到了 tldraw 的無限畫布上，讓你能像在白板上對齊需求一樣，直觀地管理你的 AI 創意流。 | As a systems consultant, the scariest phrase is 'Make it feel like... you know what I mean,' from a boss. Traditional AI art is like a gacha game; tweaking prompts feels like fixing a bugged legacy system without documentation. gpt-image-canvas moves AI generation onto tldraw's infinite canvas, allowing you to manage creative flows as intuitively as aligning requirements on a whiteboard.

🛠️ 核心功能 / Key Features

基於 tldraw 的無限畫布，擺脫對話框的碎片感，讓靈感像下午茶雞排一樣大方鋪開。 | Based on tldraw's infinite canvas, escaping the fragmented chat interface to let inspiration spread freely.

支援文字生成與參考圖生成，不用再重複輸入那一長串的咒語。 | Supports prompt-to-image and reference-image generation, ending the torture of repeating long prompt strings.

生成紀錄與快照優先儲存在本地，不用擔心雲端同步慢到讓你肝指數上升。 | Project snapshots and generated images are stored locally, avoiding the latency that spikes your stress levels.

支援 OpenAI 官方 API 或相容端點，無論是官方路徑還是第三方通道都能快速接上。 | Supports official OpenAI APIs or compatible endpoints, ensuring a smooth connection regardless of the provider.

💡 技術亮點 / Tech Highlights

內建生成歷史紀錄，可快速定位、重新運行或下載，讓你的工作流像 CI/CD 一樣順暢。 | Built-in generation history with locate, rerun, and download functions, making your workflow as smooth as a perfect CI/CD pipeline.

支援騰訊雲 COS 備份，讓你的作品不再只存在於那台隨時可能崩潰的筆電裡。 | Optional Tencent Cloud COS backup, ensuring your work isn't trapped on a laptop prone to crashing.

具備憑證感知路由（Credential-aware routes），沒 Key 時自動跳轉，不會讓你面對一個冰冷的 401 錯誤。 | Credential-aware routing that handles missing API keys gracefully, so you don't just stare at a cold 401 error page.

採用 Hono + SQLite + Node.js 22 的現代技術棧，部署起來比點外送還快。 | Built with Hono, SQLite, and Node.js 22, making deployment faster than ordering takeout.

📦 快速上手 / Quick Start

確保你的 Node.js 在 v22 以上，並用 pnpm 9.14.2 把依賴裝好。 | Ensure Node.js v22+ and install dependencies using pnpm 9.14.2.

複製 .env.example 成 .env，填入你的 OPENAI_API_KEY，或者直接在 App 右上角配置對話框設定。 | Copy .env.example to .env and add your API key, or configure it directly in the app's settings dialog.

執行 pnpm dev，打開 http://localhost:5173，開始享受不需要對著螢幕發呆的 AI 創作時光。 | Run pnpm dev, open http://localhost:5173, and start creating without the 'staring-at-the-screen' fatigue.

準備好試試 別再對著 Prompt 乾瞪眼！用 gpt-image-canvas 把 AI 繪圖變成你的數位白板 | Stop Prompt Guessing! Turn AI Art into a Digital Whiteboard with gpt-image-canvas 了嗎？

Ready to try 別再對著 Prompt 乾瞪眼！用 gpt-image-canvas 把 AI 繪圖變成你的數位白板 | Stop Prompt Guessing! Turn AI Art into a Digital Whiteboard with gpt-image-canvas?

前往 GitHub 頁面 →