UI Design System Prompt

UI Design System Prompt

Documento original

GPT Image 2 · zh

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

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

Cómo usar

  1. Copia el prompt original completo, incluidos los parámetros.
  2. Adapta el tema, el texto y la composición a tus necesidades.
  3. Usa una herramienta externa compatible; comprueba el acceso y el resultado.

Antes de empezar

  • Comprueba si necesita una imagen de referencia. La compatibilidad no demuestra qué modelo generó el ejemplo.
  • Revisa nombres, cifras y textos; el resultado puede variar entre versiones del modelo.

Ejemplos similares

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=