Image Generation

Design System for Element

Create a design system documentation for a specific UI element, detailing its various interaction states such as default, clicked, hover, active, focus, and disabled. Represent this information in a table format and describe each state using design tokens like color and typograph

3 steps 1 variables English

Prompt template

Run these steps in order.

01
Write a design system documentation for a input field.
02
Represent the states of the element (default, clicked, hover, active, focus, disabled) in a table format.
03
Describe each state using design tokens such as colors (e.g., gold) and typography (e.g., Noto Sans).

Prompt library

Use these prompts directly inside ChatGPT.

Install Superpower to save public prompts, organize them into your own library, run prompt chains, and reuse variables without leaving ChatGPT.