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.
Filtered prompts
67 prompts match the current filters
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.
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.
Design System Token Naming Convention and Governance Guide
Establish a scalable, consistent naming convention for design tokens that works across design tools and codebases, with governance rules for adding and deprecating tokens.
Best for
Create a token naming architecture that prevents duplication, enables intuitive discovery, and scales as the design system grows across multiple products and platforms.
Empty State Design Patterns for Every Product Context
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 “Empty State Design Patterns for Every Product Context” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Form Design System: Validation, Error Handling, and Accessibility
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 “Form Design System: Validation, Error Handling, and Accessibility” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Notification Design System: Toasts, Banners, Modals, and Badges
Design a unified notification system that communicates system feedback, alerts, and updates across all surfaces with consistent priority levels and interaction patterns.
Best for
Create a notification taxonomy and design system that ensures users receive the right information at the right time through the right channel, without notification fatigue.
Color Palette for mobile banking Brand
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Color Palette for mobile banking Brand” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Dark Mode Design for fitness app Interface
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Dark Mode Design for fitness app Interface” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Color Palette for travel booking Brand
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Color Palette for travel booking Brand” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Card Component for fitness app UI
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 “Card Component for fitness app UI” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Dark Mode Design for food delivery Interface
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Dark Mode Design for food delivery Interface” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Form Design for travel booking Application
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 “Form Design for travel booking Application” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Button Styles for real estate listing Design
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 “Button Styles for real estate listing Design” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Typography System for edtech platform App
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Typography System for edtech platform App” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Design System for e-commerce checkout Product
A user-flow/copy specification and prioritized validation cases. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Design System for e-commerce checkout Product” with a user-flow/copy specification and prioritized validation cases that can be checked against the supplied evidence.
Design System for mobile banking Product
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 for mobile banking Product” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Navigation Design for mobile banking App
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 “Navigation Design for mobile banking App” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Modal Design for project management Experience
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 “Modal Design for project management Experience” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Color Palette for social media Brand
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Color Palette for social media Brand” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Dark Mode Design for fitness app Interface
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Dark Mode Design for fitness app Interface” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Dark Mode Design for travel booking Interface
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Dark Mode Design for travel booking Interface” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Dark Mode Design for travel booking Interface
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Dark Mode Design for travel booking Interface” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Dark Mode Design for travel booking Interface
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Dark Mode Design for travel booking Interface” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
Navigation Design for travel booking App
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 “Navigation Design for travel booking App” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Navigation Design for project management App
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 “Navigation Design for project management App” with a screen/component specification with layout, copy, states, accessibility checks and acceptance criteria that can be checked against the supplied evidence.
Color Palette for project management Brand
A token/usage table and component-state/accessibility review checklist. Includes required inputs, evidence checks and a concrete next step.
Best for
Complete “Color Palette for project management Brand” with a token/usage table and component-state/accessibility review checklist that can be checked against the supplied evidence.
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.
