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.
335
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
66 prompts match the current filters
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
Design purposeful empty states that guide users to take their first action, reduce confusion, and turn blank screens into engagement opportunities.
Best for
Create a comprehensive empty state design system covering first-use, no-results, error, and cleared-data scenarios with copy, illustration, and CTA guidelines.
Form Design System: Validation, Error Handling, and Accessibility
Create a comprehensive form design system covering input patterns, real-time validation, error messaging, and accessibility requirements for web and mobile forms.
Best for
Design a form system that minimizes user errors, provides clear feedback, and ensures all forms are accessible to users with disabilities while maintaining visual consistency.
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
Make color palette for mobile banking brand repeatable: a clear ui design prompt with placeholders you fill in.
Best for
Professional goal: Develop an effective ui design strategy for better results
Dark Mode Design for fitness app Interface
Practical ui design prompt to work through Dark Mode Design for fitness app Interface with AI — specific steps, not generic advice.
Best for
Professional goal: Streamline the ui design approach for scale
Color Palette for travel booking Brand
Run color palette for travel booking brand with AI: a structured ui design prompt you can adapt to your own context.
Best for
Professional goal: Transform the ui design strategy for better results
Card Component for fitness app UI
Make card component for fitness app UI repeatable: a clear ui design prompt with placeholders you fill in.
Best for
Professional goal: Optimize existing ui design system for growth
Dark Mode Design for food delivery Interface
Make dark mode design for food delivery interface repeatable: a clear ui design prompt with placeholders you fill in.
Best for
Professional goal: Design a data-driven ui design process with proven methods
Form Design for travel booking Application
Run form design for travel booking application with AI: a structured ui design prompt you can adapt to your own context.
Best for
Professional goal: Build a scalable ui design workflow using AI tools
Button Styles for real estate listing Design
Get a strong first draft for button styles for real estate listing design instead of starting from a blank page — tuned for ui design.
Best for
Professional goal: Create a comprehensive ui design workflow using AI tools
Typography System for edtech platform App
Use this prompt to handle typography system for edtech platform app as a repeatable ui design workflow.
Best for
Professional goal: Create a comprehensive ui design approach for scale
Design System for e-commerce checkout Product
A ready-to-use prompt to Design System for e-commerce checkout Product, built for ui design work.
Best for
Professional goal: Automate the ui design framework for efficiency
Design System for mobile banking Product
Run design system for mobile banking product with AI: a structured ui design prompt you can adapt to your own context.
Best for
Professional goal: Enhance the ui design workflow using AI tools
Navigation Design for mobile banking App
Practical ui design prompt to work through Navigation Design for mobile banking App with AI — specific steps, not generic advice.
Best for
Professional goal: Develop an effective ui design approach for scale
Modal Design for project management Experience
Run modal design for project management experience with AI: a structured ui design prompt you can adapt to your own context.
Best for
Professional goal: Transform the ui design approach for scale
Color Palette for social media Brand
Make color palette for social media brand repeatable: a clear ui design prompt with placeholders you fill in.
Best for
Professional goal: Transform the ui design approach for scale
Dark Mode Design for fitness app Interface
A focused prompt for ui design that helps you work through Dark Mode Design for fitness app Interface faster and more consistently.
Best for
Professional goal: Transform the ui design approach for scale
Dark Mode Design for travel booking Interface
Turn "Dark Mode Design for travel booking Interface" into a practical, copy-and-run prompt for ui design in design & ux.
Best for
Professional goal: Transform the ui design approach for scale
Dark Mode Design for travel booking Interface
Make dark mode design for travel booking interface repeatable: a clear ui design prompt with placeholders you fill in.
Best for
Professional goal: Automate the ui design approach for scale
Dark Mode Design for travel booking Interface
Make dark mode design for travel booking interface repeatable: a clear ui design prompt with placeholders you fill in.
Best for
Professional goal: Automate the ui design workflow using AI tools
Navigation Design for travel booking App
Practical ui design prompt to work through Navigation Design for travel booking App with AI — specific steps, not generic advice.
Best for
Professional goal: Develop an effective ui design system for growth
Navigation Design for project management App
Turn "Navigation Design for project management App" into a practical, copy-and-run prompt for ui design in design & ux.
Best for
Professional goal: Implement a systematic ui design strategy for better results
Color Palette for project management Brand
Turn "Color Palette for project management Brand" into a practical, copy-and-run prompt for ui design in design & ux.
Best for
Professional goal: Optimize existing ui design system for growth
Icon Library for fitness app Interface
Turn "Icon Library for fitness app Interface" into a practical, copy-and-run prompt for ui design in design & ux.
Best for
Professional goal: Design a data-driven ui design framework for efficiency
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 ($15/$20 by length), or go all-access for $10/mo with a verifiable certificate.
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.