示例图来源: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 条评论
还没有评论,来抢沙发~