貼合品牌的圖片，自動產生並排好版
描述你要的卡片或封面。Open Design 用真實字體、格線和你的品牌色把它組合出來，再算繪成可匯出圖片的 HTML——不用跟設計軟體或通用範本較勁。
一句話
Open Design 把 prompt 變成排好版、貼合品牌的圖片，由 agent 算繪成 HTML 並匯出 PNG——可重複使用、可版本控管，沒有按席位的設計工具。
用 Open Design 做圖的流程
- 01
描述圖片
說清它是什麼——「一張發布用的 Twitter 卡片，帶標題和一句引用」。agent 載入對應 skill，組合出排好版的圖片，而不是純文字塊。
- 02
套用品牌系統
Open Design 從可重複使用設計系統裡取你的顏色、字體和間距，每張卡片都跟品牌其餘部分一致，而不是各做各的。
- 03
算繪並匯出
圖片按你要的精確尺寸算繪成 HTML——社群卡、封面、橫幅——再匯出 PNG。文字清晰、版面真實、不用手動微調。
- 04
重複使用這套配方
因為它是範本，下一張圖只差一句 prompt——換標題、留版面。成系列的卡片完美一致。
你能做出哪些圖
影像 閱讀完整提示 → 3D 石製階梯進化資訊圖
將平面進化時間軸轉換為逼真的 3D 石製階梯資訊圖，包含詳細的生物渲染和結構化側邊面板。
影像 閱讀完整提示 → 手繪美食地圖插畫
產生手繪水彩風格的旅遊地圖，展示帶編號的當地特色美食、地標建築和圖例說明。
影像 閱讀完整提示 → 電商直播介面模型
生成逼真的社群媒體直播介面，疊加在人像上，支援自訂聊天訊息、禮物彈窗和商品購買卡片。
影像 閱讀完整提示 → 遊戲截圖 - 三國ARPG：關羽斬顏良
《Black Myth: Wukong》風格的三國題材ARPG遊戲截圖，呈現關羽騎赤兔馬在暴雨戰場衝向敵將顏良的經典場景，採用Unreal Engine 5渲染，第三人稱視角，包含完整Boss戰HUD介面。16:9比例，適配gpt-image-2。
影像 閱讀完整提示 → 社群媒體貼文 - 昭和之日復古文化雜誌封面
溫馨編輯風格的日本節日特色頁面，結合動漫角色藝術、懷舊的Showa時代街景影像和雜誌風格的資訊版面，適用於季節性文化推廣。
影像 閱讀完整提示 → VR頭戴裝置爆炸視圖海報
生成高科技風格的VR頭戴裝置爆炸視圖，包含詳細的組件標註和宣傳文案。
影像 閱讀完整提示 → 動漫武術對戰插畫
生成動態高衝擊力的動漫插畫，描繪兩位女性角色在傳統道場中使用元素能量特效進行戰鬥。
影像 閱讀完整提示 → 個人資料 / 頭像 - 電影感南亞男性肖像與禿鷲
一幅充滿氛圍感的南亞年輕男性肖像，置身於黑暗奇幻場景中，周圍環繞著禿鷲和烏鴉。
影像 閱讀完整提示 → 桃太郎解說簡報混合風格
結合 Irasutoya 插畫簡潔溫暖的美學與日本政府簡報高資訊密度特徵的提示詞。
用 Open Design 做圖 vs. 老方法
| 你需要什麼 | 用 Open Design | 設計軟體 / 通用範本 |
|---|---|---|
| 從想法到排好版的圖 | ●一句話，agent 組合字體和版面 | 開啟軟體、手動擺每個元素 |
| 保持貼合品牌 | ●顏色和字體來自可重複使用設計系統 | 每個檔案重選品牌樣式，或跑偏 |
| 一致的系列 | ●同範本、換文案——完美對齊的一組 | 每個變體手動對齊 |
| 匯出 | ●HTML 按精確尺寸，匯出 PNG | 手動調畫布尺寸和匯出設定 |
| 可重複使用 | ●儲存庫裡一套 prompt 驅動的配方 | 每次重做的一次性檔案 |
| 成本與綁定 | ●開源、自帶金鑰、本機執行 | 按席位的設計工具或範本市集 |
下面是從 prompt 算繪出的真實卡片和封面。挑一個接近你需要的，換上你的文案。
圖片常見問題
-
01 這是 Midjourney 那種 AI 生圖嗎？
不是。Open Design 用真實版面和排版組合圖片——你的標題、你的品牌、精確尺寸——算繪成 HTML 再匯出 PNG。是設計排版，不是像素生成。
-
02 能做風格一致的系列卡片嗎？
能。因為每張圖都是範本，保留版面換文案，整個系列就完美對齊、貼合品牌。
-
03 能出哪些尺寸？
任意——圖片按你指定的精確尺寸算繪，從正方形社群卡到寬幅橫幅，再匯出 PNG。
-
04 可以用哪些 agent？
Claude Code、Codex、Cursor Agent、Gemini CLI 等第一方轉接器，自帶 provider 金鑰。
今晚就把下一張圖做出來
給儲存庫點個 star、裝上 Open Design，把一句 prompt 變成貼合品牌的圖片——在你本來就用的 agent 裡。