🎨
Prompt category

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 prompts

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.

UX research synthesis and interface critiquewireframes, handoff thinking, and design systemsmaking creative work more structured without flattening it

Choose the closest workflow

Filter by subcategory and difficulty first. That usually gets you to the right prompt faster than scrolling the full list.

Search the whole library

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.

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

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.

IntermediateFree prompt

Best for

Establish a typographic hierarchy that ensures readability across all resolutions, from mobile 320px to desktop 1920px, using a modular scale system.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

Best for

Design a cohesive micro-interaction system that communicates states, actions, and transitions intuitively, increasing perceived product quality.

Copy-ready promptOpen prompt

Dark Mode Specification for Existing Product

Technical guide for implementing dark mode in a light-only product, covering all components and edge cases.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

In-Depth User Interview Script

Structured script for 45-minute qualitative interviews that reveal genuine needs, frustrations, and behaviors.

BeginnerFree prompt

Best for

Conduct in-depth interviews that generate actionable insights about user needs, pain points, and behaviors.

Copy-ready promptOpen prompt

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.

IntermediateFree prompt

Best for

Structure a remote, unmoderated usability test that identifies quantifiable usability issues with a statistically valid sample.

Copy-ready promptOpen prompt

User Journey Mapping with Digital and Physical Touchpoints

Detailed journey map integrating online and offline moments, emotions, pain points, and improvement opportunities.

BeginnerFree prompt

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.

Copy-ready promptOpen prompt

Card Sorting and Information Architecture for Navigation Redesign

Card sorting planning and analysis to restructure the information architecture of a digital product.

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

Complete Heuristic Evaluation Using Nielsen's Adapted Framework

Usability audit based on Nielsen's 10 heuristics, adapted for mobile-first contexts.

AdvancedFree prompt

Best for

Conduct a systematic heuristic evaluation to identify usability problems without recruiting users, generating a prioritized report for the product team.

Copy-ready promptOpen prompt

Low-Fidelity Wireframes for Rapid Concept Validation

Structure and specification of lo-fi wireframes that capture flow essence without investing in visual design.

BeginnerFree prompt

Best for

Create low-fidelity wireframes that allow validation of information architecture and navigation flow with stakeholders and users before investing in visual design.

Copy-ready promptOpen prompt

High-Fidelity Interactive Prototype with States and Transitions

Detailed specification of a navigable Figma prototype with micro-interactions, component states, and screen transitions.

IntermediateFree prompt

Best for

Create a high-fidelity Figma prototype that simulates the actual product experience, enabling accurate usability testing and compelling stakeholder demonstrations.

Copy-ready promptOpen prompt

Structured design handoff for front-end developers

Complete Figma handoff documentation with specs, tokens, assets, and annotations that eliminate ambiguity during implementation.

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

A/B mockups for conversion hypothesis testing

Design variations for A/B testing with clear hypotheses, defined metrics, and decision criteria.

AdvancedFree prompt

Best for

Design hypothesis-driven design variations with clear metrics to determine the winning version.

Copy-ready promptOpen prompt

Rapid prototyping sprint with adapted Design Sprint

3-day rapid prototyping framework based on Google Design Sprint, adapted for remote teams.

AdvancedFree prompt

Best for

Run an accelerated ideation, prototyping, and validation process that produces a testable prototype in 3 days, aligning stakeholders and reducing product risk.

Copy-ready promptOpen prompt

UI Component Library with Inventory and Prioritization

Comprehensive audit of required components, organized by category, with a prioritized build roadmap.

IntermediateFree prompt

Best for

Conduct a UI inventory and determine which components to build first for the design system, maximizing impact with minimal initial effort.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

Best for

Implement a design token system that serves as the single source of truth between design and code, eliminating visual inconsistencies across platforms.

Copy-ready promptOpen prompt

Design System Documentation in Storybook with Live Examples

Interactive Storybook documentation structure that serves as a unified reference for designers and developers.

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

Best for

Create a change management strategy that transforms an underutilized design system into an organizational standard, overcoming resistance from autonomous teams.

Copy-ready promptOpen prompt

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).

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

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'.

Copy-ready promptOpen prompt

Accessible Color System with Universal Contrast Compliance

Color palette redesign ensuring WCAG AA/AAA contrast across all contexts, including dark mode and color blindness.

BeginnerFree prompt

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.

Copy-ready promptOpen prompt

Full Keyboard Navigation for Single-Page Applications

Keyboard navigation implementation for SPAs with focus management, skip links, shortcuts, and assistive technology support.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

Best for

Implement advanced ARIA patterns for rich interface components that lack native HTML equivalents, following WAI-ARIA Authoring Practices 1.2.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

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.

AdvancedFree prompt

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.

Copy-ready promptOpen prompt

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.

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

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.

IntermediateFree prompt

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.

Copy-ready promptOpen prompt

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.

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.

Chat on WhatsApp