AI Prompts for UX/UI and Product Designers

"Generate 5 distinct options for UX microcopy for a destructive action modal (e.g., deleting a workspace containing multiple projects). Each option must include: the Modal Title, the Body Copy (explaining the consequence), the Primary Button text, and the Cancel Button text. Vary the tone across the 5 options: 1) Standard/Clear, 2) Extremely Cautious, 3) Friendly/Conversational, 4) Urgent, 5) Concise/Minimal. Ensure all button text is action-oriented (avoiding generic "OK")."

"Brainstorm copy and visual concepts for 3 different "Empty States" in a project management app: 1) A brand new user with no tasks, 2) A user searching for a task that doesn't exist, 3) A user who has cleared out all their notifications (Inbox Zero). For each, provide a catchy headline, 1-2 sentences of subcopy that guides the user on what to do next, a suggestion for a simple illustration, and the text for the primary Call-To-Action button."

"Design a scalable, multi-tier naming taxonomy for a new Design System's color tokens. Provide the structure for Global tokens (the core palette), Alias/Semantic tokens (meaningful names), and Component-specific tokens. Give 5 specific examples tracing a raw hex code (e.g., a blue shade) all the way through the 3 tiers (e.g., color-blue-500 -> color-primary-default -> button-primary-bg-hover). Explain why this architecture prevents technical debt in Figma and CSS."

"Map out a 5-step User Journey for a customer attempting to book a complex multi-city flight on a new travel app. For each of the 5 steps (Discovery, Search, Selection, Checkout, Post-Booking): define the user's primary goal, identify their likely emotional state / pain points, list the UI features involved, and suggest one specific "Delight" opportunity where the design can exceed their expectations and reduce friction."

"Create a comprehensive WCAG 2.1 AA accessibility checklist specifically for designing a complex "Date Picker / Calendar" component. Cover requirements for: color contrast (including states like hover/focus), typography sizing, keyboard navigation paths (Tab, Arrows, Enter, Space), screen reader attributes (aria-labels, role states), and touch target sizes for mobile. Provide a concrete example of how to handle the focus state visually without relying solely on color."

"I am building a complex "Data Table Row" component in Figma. List every variant and state I need to design to make it fully robust for a design system. Include interactive states (Default, Hover, Focus, Selected, Disabled), structural variants (with/without avatar, with/without actions menu, multi-line vs single-line text), and validation or status states. Organize the list into a logical property matrix that I can use to structure my Figma variants."

"I need to present a major redesign of our application's navigation paradigm (moving from a top-nav to a collapsible side-nav) to non-technical stakeholders. Draft a 4-point design rationale script. It should cover: 1) The core problem with the old design (backed by hypothetical user data), 2) The explorations considered and discarded (and why), 3) The chosen solution and its primary usability benefit, 4) Anticipated feedback/pushback (e.g., "it takes up screen space") and how to respectfully counter it."

"Outline a framework for conducting a 10-point Nielsen Heuristics UX evaluation of a competitor's onboarding flow. Select 4 specific heuristics (e.g., Visibility of System Status, Error Prevention) and explain exactly how a designer should audit the competitor against each one. Provide a template for documenting the findings, including screenshots, severity ratings, and actionable takeaways for our own product."

"Structure an outline for a top-tier Product Design portfolio case study. Move beyond the generic "Double Diamond" approach. Include sections for: The TL;DR (context, role, outcome), The Core Problem (framed effectively), Business Constraints & Technical Limitations (crucial for seniority), 2-3 key pivotal moments where the design changed based on feedback/data, the final solution, and a retrospective (what failed, what I learned). Explain what recruiters and hiring managers are actually looking for in each section."

"Create a meticulous "Design Handoff Checklist" to ensure developers have everything they need before beginning implementation of a new feature. Include mandatory checks for: responsive breakpoints, explicit spacing/padding specs, asset exports (SVG vs PNG), empty/error/loading states, transition/animation easing descriptions, text truncation rules (what happens when a name is 50 characters long?), and accessibility annotations."