Image Generation

Design System for Element

Create comprehensive design system documentation for an input field by detailing its various interaction states such as default, clicked, hover, active, focus, and disabled. Represent these states in a structured table format and describe each using design tokens including co

3 steps 1 variables English

Prompt template

Run these steps in order.

Write design system documentation for an input field.

Represent the element's states (default, clicked, hover, active, focus, disabled) in a table format.

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.

Add to Chrome — it's free