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.
All prompts
335 prompts in this category
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
Structured script for 45-minute qualitative interviews that reveal genuine needs, frustrations, and behaviors.
Best for
Conduct in-depth interviews that generate actionable insights about user needs, pain points, and behaviors.
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
Structure and specification of lo-fi wireframes that capture flow essence without investing in visual design.
Best for
Create low-fidelity wireframes that allow validation of information architecture and navigation flow with stakeholders and users before investing in visual design.
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
Complete Figma handoff documentation with specs, tokens, assets, and annotations that eliminate ambiguity during implementation.
Best for
Prepare a handoff package that enables developers to implement the design with pixel-perfect fidelity, reducing back-and-forth between design and development teams.
A/B mockups for conversion hypothesis testing
Design variations for A/B testing with clear hypotheses, defined metrics, and decision criteria.
Best for
Design hypothesis-driven design variations with clear metrics to determine the winning version.
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
Interactive Storybook documentation structure that serves as a unified reference for designers and developers.
Best for
Create design system documentation in Storybook that becomes the single reference for the entire organization, with interactive examples, usage guidelines, and a playground for experimentation.
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
Audit checklist based on WCAG 2.2 Level AA criteria, adapted to Brazilian regulatory context (Lei Brasileira de InclusĂŁo - LBI, Law 13.146/2015, which mandates digital accessibility for organizations serving Brazilian users).
Best for
Conduct a comprehensive accessibility audit that identifies WCAG 2.2 AA non-conformities and generates a prioritized remediation plan, with consideration for Brazilian accessibility law requirements.
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
Keyboard navigation implementation for SPAs with focus management, skip links, shortcuts, and assistive technology support.
Best for
Ensure the entire product is 100% operable via keyboard, serving users with motor disabilities, screen reader users, and power users who prefer keyboard shortcuts.
Advanced ARIA Patterns for Rich Custom Interface Components
Implementation of WAI-ARIA Authoring Practices for complex components: combobox, treegrid, date picker, drag-and-drop, and rich text editor.
Best for
Implement advanced ARIA patterns for rich interface components that lack native HTML equivalents, following WAI-ARIA Authoring Practices 1.2.
Design Tokens System: Complete Architecture for Multi-Platform Products
Design a 3-layer design tokens system (primitives, semantics, component-specific) for products running on web, iOS, and Android, with Figma-to-code synchronization pipeline.
Best for
Create a complete design tokens architecture that unifies the visual language of a multi-platform product, eliminates inconsistencies between design and development, and enables theming (light/dark mode, white-label) without code duplication.
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.
Component Library Governance: Contribution, Versioning, and Deprecation
Defines the complete governance model for a design system or component library, including contribution workflows, support SLAs, semantic versioning, and component lifecycle management.
Best for
Establish a sustainable governance model for a component library that balances evolution speed with stability for consumer teams, with clear processes for contribution, review, publication, and deprecation.
Design Review Checklist for High-Fidelity Handoff Between Design and Development
Creates a comprehensive design review checklist to ensure specs delivered to development are complete, consistent, and unambiguous—reducing post-implementation review cycles.
Best for
Standardize the design-to-development handoff process with a structured checklist covering spec completeness, design system consistency, edge cases, accessibility, and responsiveness—eliminating rework caused by incomplete specifications.
User Research Synthesis: From Raw Data to Actionable Insight
Complete framework for analyzing and synthesizing qualitative research data (interviews, usability tests, diaries) into prioritized insights and actionable design recommendations for the product team.
Best for
Transform raw qualitative research data into clear, prioritized insights that drive concrete product decisions, using affinity diagramming, job stories, and impact vs. effort techniques to align design, product, and business.
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.