示例圖來源:wuyoscar/GPT-Image2-Skill · MIT
心得與說明
怎麼填變量:[設計系統名] 寫你的產品或規範名稱,例如"青禾設計規範""某某 Design";[霧藍] 是主色,換成品牌色,例如"薄荷綠""暖橙""深紫",其餘中性色保持不動效果最穩。示例圖是一張米白底的英文組件板:左上大號 Logo 和標題,右上五個色塊的色板,中間三欄分別是按鈕(主要 / 次要 / 危險三組狀態)、輸入框和狀態徽標開關,下面一行是標籤頁、頭像和提示條,底部左邊三檔價格卡、右邊 Display 48 / Heading 24 / Body 16 字號樣張。示例圖是英文版。
常見問題與調整:
- 組件太多太擠:刪掉頭像和提示條,只保留"按鈕、輸入框、卡片、字號"四塊。
- 想要深色主題版:加"同一套組件的暗色模式,背景炭黑"。
- 字體不像中文規範:指定"中文用無襯線黑體,數字用等寬字體"。
- 想做成多頁規範:分別追問"只展示按鈕的所有狀態""只展示表單組件"。
適合:設計規範封面、作品集展示、團隊視覺風格討論;不適合直接當可開發的組件庫,具體尺寸和交互仍需設計師在設計工具裏落地。
英文原版
Generate a clean design system overview board for a fictional product language called LUMEN UI, arranged as a square component gallery on a 2048x2048 canvas. Use a neutral palette of ivory, charcoal, muted blue, sage, and coral accents. The composition should be an orderly grid of cards showing buttons, input fields, badges, toggles, tabs, avatars, alerts, and pricing cards. Include crisp typography, even spacing, subtle shadows, and exact alignment as if exported from a professional design tool. Add labeled sections with the in-image text "LUMEN UI", "Buttons", "Inputs", "Status", "Cards", and "Type Scale". Include sample button labels "Primary", "Secondary", and "Danger"; badge labels "Success", "Pending", and "Error"; and typography specimens "Display 48", "Heading 24", and "Body 16". Ensure the board feels systematic, editorial, and highly legible, with clean hierarchy, correct labels, and polished component consistency suitable for a design systems gallery.
改編自 wuyoscar/GPT-Image2-Skill 收錄的提示詞(倉庫整理),許可證 MIT(Copyright (c) 2026 Wuyoscar)。
同款作品
用這條提示詞做出來的作品;原作者會因此獲得積分
還沒有同款,來做第一個。








0 條評論
還沒有評論,來搶沙發~