讓 AI 繪圖不再是瞎猜：GPT Image Canvas 專業設計畫布 | Stop Guessing: Master AI Art with GPT Image Canvas

把 AI 繪圖從『抽卡遊戲』變成『設計工作流』的在地神器 | Turning AI image generation from a 'gacha game' into a professional design workflow.

🔎 工具速覽 / AT A GLANCE

Category	AI Design Tool / Canvas
Pricing	Open Source / Local First
BestFor	UI/UX Designers, System Architects, Prompt Engineers
GitHub Stars	⭐ 142

🚀 引言 / Introduction

身為系統設計師，我最怕老闆說『我想要一種感覺，你懂我的意思吧？』。這種要求通常意味著你接下來的週末要交給 Bug 修正。而 GPT Image Canvas 就像是在這種噩夢中遞給你的一杯大冰奶，它把 tldraw 的無限畫布與強大的 AI 繪圖結合，讓你在本地端就能把腦中的靈感直接『畫』出來，而不是在那邊對著 Prompt 抽卡抽到肝指數爆表。/ As a system designer, the most terrifying sentence is: 'I want a certain vibe, you know what I mean?' This usually means your weekend belongs to bug fixes. GPT Image Canvas is like a large iced milk tea delivered during such a nightmare; by combining tldraw's infinite canvas with powerful AI generation, it lets you 'draw' your inspirations locally instead of gambling with prompts until your liver enzymes skyrocket.

🛠️ 核心功能 / Key Features

tldraw Infinite Canvas: Break free from single-image constraints; let your inspiration expand like your endless To-Do list.

tldraw 無限畫布：不再受限於單一圖片，讓靈感像你的待辦清單一樣無限延伸。

Local-first Storage: Keep your images at home; no more worrying about cloud outages or billing surprises.

本地優先存儲：圖片存在自己家，不用擔心雲端服務突然抽風或帳單爆炸。

OpenAI-compatible Endpoints: Whether it's official APIs or third-party proxies, if it connects, it works.

OpenAI 兼容接口：不管是官方 API 還是第三方中轉，只要能對接，通通沒問題。

Cloud Backup Option: Integrated Tencent Cloud COS ensures your hard work doesn't vanish after an accidental `rm -rf`.

雲端備份選項：整合騰訊雲 COS，讓你的心血不會因為一次意外的 `rm -rf` 而消失。

💡 技術亮點 / Tech Highlights

Intuitive Prompt-to-Image: Supports reference-image generation, finally making the AI understand your 'design requirements'.

從 Prompt 到圖片的直覺跳轉：支持參考圖生成，讓 AI 終於能聽懂你的『設計要求』。

Flexible Authentication: API Key priority with Codex login fallback, offering maximum flexibility.

彈性的身份驗證：API Key 優先，沒 Key 也能透過 Codex 登入，靈活性滿分。

Complete Generation History: Support for locating, rerunning, and downloading, eliminating the need for screenshot-based version control.

完整的生成歷史：支持定位、重新運行與下載，不用再用截圖方式管理版本。

📦 快速上手 / Quick Start

Environment Setup: Prepare Node.js 22+ and pnpm 9.14.2 (Use Corepack to activate it, don't spend half your day fighting environment configs).

安裝環境：準備好 Node.js 22+ 與 pnpm 9.14.2 (記得用 Corepack 啟動，別在環境配置上卡半天)。

Quick Deployment: Run `pnpm install`, configure the `.env` file, and start with `pnpm dev`.

快速部署：執行 `pnpm install` 並配置 `.env` 文件，直接 `pnpm dev` 啟動。

Configure Keys: Fill in `OPENAI_API_KEY` in `.env` or log in via Codex directly through the web interface.

配置金鑰：在 `.env` 中填入 `OPENAI_API_KEY`，或者直接透過網頁端接入 Codex 登入。

Start Creating: Open `http://localhost:5173`, unleash your creativity on the canvas, and then go grab your afternoon fried chicken steak!

開始創作：打開 `http://localhost:5173`，在畫布上盡情揮灑，然後安心地去買下午茶雞排吧！

準備好試試 讓 AI 繪圖不再是瞎猜：GPT Image Canvas 專業設計畫布 | Stop Guessing: Master AI Art with GPT Image Canvas 了嗎？

Ready to try 讓 AI 繪圖不再是瞎猜：GPT Image Canvas 專業設計畫布 | Stop Guessing: Master AI Art with GPT Image Canvas?

前往 GitHub 頁面 →