UI/UX design prompts

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

21 prompts

UI/UX design
Heuristic evaluation of a screen or flow using Nielsen’s 10 heuristics
Evaluate a screen or flow against Nielsen’s 10 usability heuristics: findings with 0-4 severity, evidence, recommendations, effort, priorities and quick wins.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Usability test plan and moderator script for a prototype
Prepare a complete usability test: research questions, participant screener, neutral tasks with success criteria, a moderator script, a note-taking template and an analysis plan.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Create a high-converting landing page
Design the structure, copy and visual hierarchy of a conversion-focused landing page for a product or service.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Product listing page filters design for an online store
Design your store's category page: which filters to show and in what order, the control for each attribute, mobile filters, active chips, sorting, product cards, faceted SEO and metrics.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Landing page critique with prioritized fixes
Review a landing page you already have: a five-second test, message match with the traffic source, section-by-section critique, form friction, mobile, ranked fixes and three alternative headlines.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Card sorting results analysis to propose site navigation
Analyze open, closed or hybrid card sort data: standardize categories, measure participant agreement, find problem cards and propose an information architecture you can validate with a tree test.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Information architecture and wireframe for a settings page
Turn a messy list of settings into clear categories, choose the navigation, separate personal and admin settings, define the save model and get text wireframes for key sections.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Responsive breakpoint and grid strategy for a website or app
Define content-driven breakpoints, a grid per width range, behavior for each page template, container queries, responsive images, a test matrix and ready-to-use CSS tokens.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Figma component spec with auto layout, variants and variables
Get a full spec for a Figma component: layer tree, auto layout settings, properties and variants, variables and modes, states, long-content stress tests and developer handoff notes.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Choose a mobile app navigation pattern: tab bar, drawer or other
Compare tab bars, navigation drawers, top tabs and other patterns for your app, with a justified recommendation, section structure, iOS and Android conventions and a validation plan.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
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
Data table design spec for an admin dashboard
Define a complete data table: column order and formatting, sorting, filters, pagination or virtual scroll, bulk actions, density, states, small-screen behavior and accessibility.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Accessible dark mode color palette with WCAG contrast checks
Design a dark mode palette with semantic tokens from your brand colors, a WCAG contrast table for every color pair, fixes for failing pairs and ready-to-use CSS.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Empty, error and loading state microcopy and design
Build an inventory of empty, error, loading and success states for one screen, each with a headline, body text, primary action and accessibility notes ready for your product team.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
SaaS pricing page design with a plan comparison table
Get a complete SaaS pricing page layout: plan cards, a recommended plan, a comparison table, a monthly/annual toggle, an objection-handling FAQ and A/B test ideas.
ChatGPT · Claude · Gemini · Microsoft Copilot
View prompt
UI/UX design
Audit and improve an e-commerce checkout
Audit an online store checkout step by step, find the friction behind cart abandonment and prioritize fixes with measurable hypotheses.
ChatGPT · Claude · Gemini
View prompt
UI/UX design
Mobile app onboarding wireframe and user flow
Design the user flow and text wireframes for a mobile app onboarding, with microcopy, permission prompts and activation metrics.
ChatGPT · Claude · Gemini
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
UI/UX design
Audit the accessibility of an interface
Review a screen or HTML snippet against WCAG 2.2 and get a prioritized list of issues with their fixes.
ChatGPT · Claude · Gemini
View prompt
UI/UX design
Design a clear, useful dashboard
Define which metrics to show, the visual hierarchy and the components of a dashboard so users can make quick decisions.
ChatGPT · Claude · Gemini
View prompt