# UI Design System Prompt

> Use this style to help me generate a set of UI design system, including web, mobile, cards, controls, buttons, and others. Use this visual style as a reference to generate a web page.

- Type: Editorial / Interface image prompt
- Category: [Editorial](https://www.openparable.com/prompt/editorial/1)
- Made with: gpt-image-2
- Fields you can change: theme, components
- Example images: 2

## Full prompt

```text
Use this style to help me generate a set of {argument name="theme" default="UI design system"}, including {argument name="components" default="web, mobile, cards, controls, buttons, and others"}. Use this visual style as a reference to generate a web page.
```

## Example images

- ![Example 1](https://assets.openparable.com/prompt/gpt-image-2/46984a428043274c16dae4996acbf16198a99b4f06fc23292fa67a80bdf7b136.jpg)
- ![Example 2](https://assets.openparable.com/prompt/gpt-image-2/72c05d85ddcbf0a914f2f396513383cc09b86ed7ae05551381ac255010423123.jpg)

## Related prompts

- [Nano Banana Pro Social Media Screenshot Annotation Prompt](https://www.openparable.com/prompt/74)
- [Convert Image to Editable PPTX with Object Separation Prompt](https://www.openparable.com/prompt/129)
- [Image-to-Image Prompt for Character and UI Generation](https://www.openparable.com/prompt/154)
- [UI redesign and optimization commands](https://www.openparable.com/prompt/176)

---

Source: https://www.openparable.com/prompt/4785 (OpenParable). Cite the canonical URL above.