把 AI 畫布搬回家：深入解析 gpt-image-canvas | Bringing AI Canvas Home: A Deep Dive into gpt-image-canvas

不再被訂閱費綁架，打造屬於你的在地化 AI 視覺工作站 | Break free from subscription traps with your own local AI visual workstation.

🔎 工具速覽 / AT A GLANCE

Category	AI Visual Tooling / Local Canvas
Pricing	Open Source (Free)
BestFor	設計師、產品經理、厭倦了雲端限制的工程師
GitHub Stars	⭐ 144

🚀 引言 / Introduction

各位還在為每月昂貴的 AI 訂閱費心痛，或是被老闆要求『那個圖要馬上改，但 AI 每次生成的風格都不一樣』而肝指數飆高嗎？今天來跟大家聊聊 gpt-image-canvas，這不是那種讓你寫 Prompt 寫到懷疑人生的簡單對話框，而是一個把 tldraw 畫布與 AI 生成能力完美揉合的在地化解決方案。簡單來說，它就像是在你的電腦裡蓋了一間 AI 繪圖工作室，不用擔心數據外流，也不用忍受雲端載入的轉圈圈。

Are you tired of skyrocketing AI subscription fees or the stress of unpredictable AI outputs during tight deadlines? Let's talk about gpt-image-canvas. This isn't just another prompt box; it's a local solution that blends the tldraw canvas with AI generation capabilities. Think of it as building your own AI art studio on your local machine—no data leaks, no cloud loading spinners, and full control.

🛠️ 核心功能 / Key Features

tldraw-powered AI Canvas: Supports direct prompt-to-image generation and reference-image based creation.

tldraw 驅動的 AI 畫布：支持 Prompt 直接生成圖片，並能以參考圖進行二次創作。

Local-first Storage: Generated images and project snapshots are stored locally, eliminating cloud sync failures.

在地優先存儲：生成的圖片與專案快照直接存本地，不用擔心雲端同步失敗。

Flexible API Integration: Supports official OpenAI and all compatible endpoints for seamless model switching.

靈活的 API 接入：支持 OpenAI 官方及所有兼容 API 端點，讓你可以自由切換模型。

Intelligent Auth Workflow: Automatically toggles between the homepage and workspace based on API key or Codex login status.

智能身份驗證流程：根據 API Key 或 Codex 登錄狀態自動切換首頁與工作區。

Cloud Backup Option: Integrated Tencent Cloud COS backup to protect your work from local data loss.

雲端備份選項：內建騰訊雲 COS 備份，讓你的心血在本地毀損時仍有後路。

💡 技術亮點 / Tech Highlights

Zero-friction Experience: Thanks to the lightweight Hono and SQLite combination, the app boots up faster than you can finish your afternoon snacks.

告別『修不完的 Bug』感：得益於 Hono 和 SQLite 的輕量組合，啟動快到像是在喝下午茶雞排一樣順暢。

Professional Workflow: Generation history supports locating, rerunning, and downloading, so you'll never lose that 'one perfect version' again.

專業級的操作體驗：生成歷史紀錄支持定位、重新運行與下載，再也不用在數百張圖中找『剛才那張比較好的』。

Developer-friendly Architecture: A modern stack of Node.js 22 and pnpm makes deployment incredibly straightforward.

對開發者友好的架構：Node.js 22 + pnpm 的現代化棧，部署起來簡單得不像在寫程式。

📦 快速上手 / Quick Start

Install Dependencies: Run `pnpm install` (Ensure Node.js version $\ge$ 22).

安裝依賴：執行 `pnpm install`（記得確認 Node.js 版本 $\ge$ 22）。

Environment Setup: Copy `.env.example` to `.env` and fill in your `OPENAI_API_KEY`.

環境配置：將 `.env.example` 複製為 `.env` 並填入你的 `OPENAI_API_KEY`。

Launch Service: Run `pnpm dev` and visit `http://localhost:5173` in your browser to start creating.

啟動服務：執行 `pnpm dev` 後，直接開啟瀏覽器訪問 `http://localhost:5173` 即可開始創作。

準備好試試 把 AI 畫布搬回家：深入解析 gpt-image-canvas | Bringing AI Canvas Home: A Deep Dive into gpt-image-canvas 了嗎？

Ready to try 把 AI 畫布搬回家：深入解析 gpt-image-canvas | Bringing AI Canvas Home: A Deep Dive into gpt-image-canvas?

前往 GitHub 頁面 →