UI Design System Prompt

UI Design System Prompt

原始文档

GPT Image 2 · zh

用这种风格帮我生成一套{argument name="主题" default="UI设计系统"},包含{argument name="组件列表" default="网页、移动端、卡片、控件、按钮 以及其它"} 

把这套视觉风格作为参考生成网页

使用方法

  1. 复制完整原始提示词,并保留其中的参数。
  2. 按需求替换主体、文字和构图要求。
  3. 在兼容的外部工具中使用,核对当前使用条件并检查结果。

开始前需了解

  • 先确认是否需要参考图。标注兼容模型,不代表该示例由这个模型生成。
  • 核对名称、数字与画面文字;不同模型版本的结果可能不同。

相似案例

UI Design System Prompt
GPT Image 2en

Using this style helped me generate a set{argument name="theme" default="UI design system"} ,include{argument name="components" default="Web, mobile, cards, controls, buttons and other components"} Please use this visual style as a reference to generate a webpage.

Cosmic Dark Mode UI Design System
GPT Image 2en

{ "type": "UI design system", "theme": "Dark mode, space-inspired, glowing decorations", "header": { "label": "Design System", "title": "{argument name=\"system name\" default=\"COSMIC GRAVITY\"}", "subtitle": "{argument name=\"theme description\" default=\"A De

Light Mode UI Design System Board
GPT Image 2en

{ "type": "UI design system demonstration project", "theme": "{argument name=\"visual theme\" default=\"Optical Science and Light Refraction\"}", "overall_aesthetic": "A clean white background, light color mode, futuristic and sophisticated feel; its distinctive feature lie

Aviation-Themed UI Design System Board
GPT Image 2en

{ "type": "UI/UX Design System Concept Project", "theme": "Aviation and Flight Interface", "overall_style": "Dark mode, stylish, modern, technological, futuristic, glass-like.", "layout": { "top_left": { "section": "Design Style", "title": "{argument name=