Design systems prompts · UI/UX design

Prompts to design landing pages, dashboards, SaaS apps, design systems, wireframes and accessible prototypes.

3 prompts

• UI/UX design

  Icon style guide for a design system

  Create a style guide for your icon set: grid and keylines, stroke weight, corners, sizes, a metaphor for each icon, naming, SVG export rules, accessibility and a review checklist.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• UI/UX design

  Type scale for a design system with tokens and fluid CSS

  Define a complete type scale: a justified ratio, sizes, line heights and weights per style, fluid type with clamp(), reading rules, accessibility checks and tokens in JSON and CSS.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• UI/UX design

  Design tokens and component specs

  Define design system tokens (primitive, semantic and component) and spec components with states, variants and accessibility.

  ChatGPT · Claude · Gemini

  View prompt