Design & UX AI prompts
UI design, UX research, prototyping, design systems and accessibility. Best for UX research synthesis and interface critique, wireframes, handoff thinking, and design systems, making creative work more structured without flattening it.
338
In this category
All of them
Free to copy
5
Subcategories
3
Difficulty levels
Every prompt below is open. Copy it straight into ChatGPT, Claude, or Gemini.
Guide
Starter prompts guide
Open the guide that shows how this prompt category fits into a broader workflow.
Role path
Product path
See how this category fits into a role-based AI workflow instead of using prompts in isolation.
Generator
Generate prompt variants
Use the prompt generator when you know the job to be done but not the exact prompt structure yet.
Course path
Course library
Move into structured lessons when you want a repeatable system, not only a single prompt.
Choose the closest workflow
Filter by subcategory and difficulty first. That usually gets you to the right prompt faster than scrolling the full list.
All prompts
338 prompts in this category
Audit an empty state that leaves users stuck
Three state designs with copy, action and accessibility notes. Start with your own evidence and finish with a reviewable next step.
Best for
Produce three state designs with copy, action and accessibility notes from the supplied inputs.
Simplify a mobile form without losing essential information
A revised form specification and field-by-field rationale. Start with your own evidence and finish with a reviewable next step.
Best for
Produce a revised form specification and field-by-field rationale from the supplied inputs.
Review a design handoff for missing interaction states
A component state matrix and designer/developer decision list. Start with your own evidence and finish with a reviewable next step.
Best for
Produce a component state matrix and designer/developer decision list from the supplied inputs.
Color System for Digital Products with WCAG AA Accessibility Compliance
Generates a complete color palette with semantic tokens, light/dark mode support, and WCAG AA compliance validation.
Best for
Define a robust, accessible color system that works across all UI contexts, reducing ad hoc decisions and ensuring visual consistency throughout the product.
Typography Hierarchy System for Responsive Web and Mobile Interfaces
Defines a complete typographic scale with fluid typography, weights, and spacing for web and mobile platforms.
Best for
Establish a typographic hierarchy that ensures readability across all resolutions, from mobile 320px to desktop 1920px, using a modular scale system.
Responsive Layout System with Grid Architecture for Complex Data Dashboards
Designs a flexible grid system for dashboards featuring cards, tables, and charts that adapt to any viewport size.
Best for
Create a layout system based on a responsive grid that organizes dense dashboard information clearly, prioritizing data hierarchy and optimal information density for each screen size.
Micro-Interaction Library for Engagement and Visual Feedback
A catalog of micro-interactions for component states, transitions, and visual feedback that elevate perceived product quality.
Best for
Design a cohesive micro-interaction system that communicates states, actions, and transitions intuitively, increasing perceived product quality.
Dark Mode Specification for Existing Product
Technical guide for implementing dark mode in a light-only product, covering all components and edge cases.
Best for
Plan and specify dark mode implementation for an existing digital product, ensuring all components, illustrations, and dynamic content render correctly in both themes.
In-Depth User Interview Script
An interview/survey guide, sampling limitations and evidence-coding plan. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “In-Depth User Interview Script” with an interview/survey guide, sampling limitations and evidence-coding plan that can be checked against the supplied evidence.
Remote Usability Testing Plan with Maze and Hotjar
Complete planning for unmoderated usability testing using Maze for task-based tests and Hotjar for heatmaps and session recordings.
Best for
Structure a remote, unmoderated usability test that identifies quantifiable usability issues with a statistically valid sample.
User Journey Mapping with Digital and Physical Touchpoints
Detailed journey map integrating online and offline moments, emotions, pain points, and improvement opportunities.
Best for
Create a user journey map that visualizes the complete customer experience with the product, identifying moments of truth and intervention opportunities at each stage.
Card Sorting and Information Architecture for Navigation Redesign
Card sorting planning and analysis to restructure the information architecture of a digital product.
Best for
Use card sorting techniques to redesign the navigation structure of a product, based on the actual mental models of users rather than team assumptions.
Complete Heuristic Evaluation Using Nielsen's Adapted Framework
Usability audit based on Nielsen's 10 heuristics, adapted for mobile-first contexts.
Best for
Conduct a systematic heuristic evaluation to identify usability problems without recruiting users, generating a prioritized report for the product team.
Low-Fidelity Wireframes for Rapid Concept Validation
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Low-Fidelity Wireframes for Rapid Concept Validation” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
High-Fidelity Interactive Prototype with States and Transitions
Detailed specification of a navigable Figma prototype with micro-interactions, component states, and screen transitions.
Best for
Create a high-fidelity Figma prototype that simulates the actual product experience, enabling accurate usability testing and compelling stakeholder demonstrations.
Structured design handoff for front-end developers
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Structured design handoff for front-end developers” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
A/B mockups for conversion hypothesis testing
An experiment design/readout with hypothesis, metrics, limitations and decision rules. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “A/B mockups for conversion hypothesis testing” with an experiment design/readout with hypothesis, metrics, limitations and decision rules that can be checked against the supplied evidence.
Rapid prototyping sprint with adapted Design Sprint
3-day rapid prototyping framework based on Google Design Sprint, adapted for remote teams.
Best for
Run an accelerated ideation, prototyping, and validation process that produces a testable prototype in 3 days, aligning stakeholders and reducing product risk.
UI Component Library with Inventory and Prioritization
Comprehensive audit of required components, organized by category, with a prioritized build roadmap.
Best for
Conduct a UI inventory and determine which components to build first for the design system, maximizing impact with minimal initial effort.
Multi-Platform Design Tokens with Figma-to-Code Synchronization
Design token architecture that works across Figma, React, React Native, and CSS, with automated synchronization pipeline.
Best for
Implement a design token system that serves as the single source of truth between design and code, eliminating visual inconsistencies across platforms.
Design System Documentation in Storybook with Live Examples
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Design System Documentation in Storybook with Live Examples” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Design System Versioning Strategy and Breaking Changes Management
Semantic versioning, migration guides, and breaking change communication for a design system used by multiple product teams.
Best for
Implement a versioning process that allows the design system to evolve without breaking existing products, with clear migration paths and efficient stakeholder communication.
Design System Adoption Strategy for Resistant Organizations
Tactical plan to increase adoption of a design system in an organization where teams prefer building custom solutions.
Best for
Create a change management strategy that transforms an underutilized design system into an organizational standard, overcoming resistance from autonomous teams.
Complete WCAG 2.2 Accessibility Audit for Digital Products
An evidence table with finding, source, limitation, impact hypothesis, action and validation. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Complete WCAG 2.2 Accessibility Audit for Digital Products” with an evidence table with finding, source, limitation, impact hypothesis, action and validation that can be checked against the supplied evidence.
Screen Reader Optimization with ARIA and Semantic HTML
Practical guide for implementing landmarks, live regions, and ARIA roles and properties to make rich interfaces accessible via screen readers.
Best for
Implement full screen reader support (NVDA, JAWS, VoiceOver, TalkBack) using semantic HTML as the foundation and ARIA as a supplement, following the rule 'no ARIA is better than bad ARIA'.
Accessible Color System with Universal Contrast Compliance
Color palette redesign ensuring WCAG AA/AAA contrast across all contexts, including dark mode and color blindness.
Best for
Create a color system that is accessible for all types of vision, maintaining brand visual identity and ensuring WCAG AA compliance across all text/background combinations.
Full Keyboard Navigation for Single-Page Applications
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Full Keyboard Navigation for Single-Page Applications” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Advanced ARIA Patterns for Rich Custom Interface Components
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Advanced ARIA Patterns for Rich Custom Interface Components” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Design Tokens System: Complete Architecture for Multi-Platform Products
A screen/component specification with layout, copy, states, accessibility checks and acceptance criteria. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Design Tokens System: Complete Architecture for Multi-Platform Products” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Mobile-First Accessibility Audit with WCAG 2.2 and LBI
Complete accessibility audit framework for mobile-first applications, covering WCAG 2.2, Brazilian Law on Inclusion (LBI), and optimizations specific to touch screens and virtual keyboards.
Best for
Execute a comprehensive mobile-first accessibility audit that identifies all access barriers for users with visual, motor, auditory, and cognitive disabilities, with a prioritized remediation plan based on impact and implementation effort.
Every prompt here is free. The course teaches the thinking behind them.
Copy as many prompts as you like. When you want to move from single prompts to a repeatable AI workflow, Learn AI in 30 Days walks through it, one day at a time.
Buy the course once ($20), or choose US$100 once or six monthly payments of US$20 (US$120 total) access.
Related categories
Explore adjacent prompt libraries that support design & ux workflows.
Programming & Dev
Code, debugging, architecture, DevOps and AI-powered development
Social Media
Content for Instagram, LinkedIn, TikTok, YouTube and Twitter/X
Content Creation
Blog posts, videos, podcasts, infographics and ebooks with AI
E-commerce
Product listings, conversion optimization, marketplace and post-sale for online stores
How to use Design & UX prompts well
Start with the prompt closest to your workflow, replace any placeholders with your own context, and tell the model what a good output looks like. The fastest improvement usually comes from clearer context, tighter constraints, and a more specific deliverable.
This category is especially useful for UX research synthesis and interface critique. Treat the prompt as the execution layer, then refine it into a reusable workflow once you know it solves a real recurring problem.
