Image Generation

Design System for Input Field Element

Create a design system documentation for an input field element by detailing its various interactive states such as default, clicked, hover, active, focus, and disabled. Represent these states in a clear table format and describe each state using design tokens like color (e.g., g

3 steps 1 variables English

Prompt template

Run these steps in order.

01
Write design system documentation for an input field.
02
Represent the element's states (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.