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
50
Free to open
285
Premium prompts
5
Subcategories
Free prompts are open. Premium prompts are clearly marked in the cards below.
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
Proven methodology for ui design scaled with AI assistance and automation
Best for
Professional goal: Develop an effective ui design strategy for better results
Dark Mode Design for fitness app Interface
Step-by-step process for ui design using AI-powered workflows and strategies
Best for
Professional goal: Streamline the ui design approach for scale
Color Palette for travel booking Brand
Detailed playbook for ui design with real-world examples and best practices
Best for
Professional goal: Transform the ui design strategy for better results
Card Component for fitness app UI
Proven methodology for ui design scaled with AI assistance and automation
Best for
Professional goal: Optimize existing ui design system for growth
Dark Mode Design for food delivery Interface
Strategic approach to ui design enhanced with AI automation and optimization
Best for
Professional goal: Design a data-driven ui design process with proven methods
Form Design for travel booking Application
Actionable framework for ui design with ready-to-use prompts and templates
Best for
Professional goal: Build a scalable ui design workflow using AI tools
Button Styles for real estate listing Design
Professional template and methodology for ui design with practical examples
Best for
Professional goal: Create a comprehensive ui design workflow using AI tools
Typography System for edtech platform App
Complete framework and implementation guide for ui design with AI assistance
Best for
Professional goal: Create a comprehensive ui design approach for scale
Design System for e-commerce checkout Product
Complete framework and implementation guide for ui design with AI assistance
Best for
Professional goal: Automate the ui design framework for efficiency
Design System for mobile banking Product
Complete system for ui design with implementation roadmap and metrics
Best for
Professional goal: Enhance the ui design workflow using AI tools
Navigation Design for mobile banking App
Professional workflow for ui design using cutting-edge AI tools and methods
Best for
Professional goal: Develop an effective ui design approach for scale
Modal Design for project management Experience
Step-by-step process for ui design using AI-powered workflows and strategies
Best for
Professional goal: Transform the ui design approach for scale
Color Palette for social media Brand
Proven methodology for ui design scaled with AI assistance and automation
Best for
Professional goal: Transform the ui design approach for scale
Dark Mode Design for fitness app Interface
Proven methodology for ui design scaled with AI assistance and automation
Best for
Professional goal: Transform the ui design approach for scale
Dark Mode Design for travel booking Interface
Proven methodology for ui design scaled with AI assistance and automation
Best for
Professional goal: Transform the ui design approach for scale
Dark Mode Design for travel booking Interface
Proven methodology for ui design scaled with AI assistance and automation
Best for
Professional goal: Automate the ui design approach for scale
Dark Mode Design for travel booking Interface
Complete system for ui design with implementation roadmap and metrics
Best for
Professional goal: Automate the ui design workflow using AI tools
Navigation Design for travel booking App
Complete system for ui design with implementation roadmap and metrics
Best for
Professional goal: Develop an effective ui design system for growth
Navigation Design for project management App
Step-by-step process for ui design using AI-powered workflows and strategies
Best for
Professional goal: Implement a systematic ui design strategy for better results
Color Palette for project management Brand
Comprehensive guide to ui design leveraging artificial intelligence tools
Best for
Professional goal: Optimize existing ui design system for growth
Icon Library for fitness app Interface
Strategic approach to ui design enhanced with AI automation and optimization
Best for
Professional goal: Design a data-driven ui design framework for efficiency
Free browsing stays open. Premium prompts unlock the reusable workflow layer.
Use the guides and role paths to validate the job first. Upgrade when you want the full prompt text, editable premium prompts, and the surrounding course paths in one place.
Free access
- Browse guides, role paths, and category pages.
- Preview prompts before you decide to upgrade.
- Find the right starting point without friction.
Membership access
- Unlock premium prompts and the full copy text.
- See more workflow paths and course connections.
- Keep the reusable templates in one place.
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.
