Supercharge Your UI/UX Workflow with ChatGPT Prompts
Designers are constantly juggling research, brainstorming, prototyping, and iteration. But what if you had a creative partner that could generate ideas, provide inspiration, and even draft starter content on demand?
That’s where ChatGPT comes in. Whether you’re stuck on microcopy, exploring color palettes, or brainstorming new interaction patterns, AI can help you move faster and think broader.
Below are practical prompts you can paste into ChatGPT today.
1) Checkout Prompt
Use it for: A quick checklist to ensure your checkout UI covers the essentials.
Prompt:
Design a user-friendly checkout process for an e-commerce website with an emphasis on reducing cart abandonment.
Output example (abridged):
- Guest checkout option
- Clear progress indicator (steps)
- Fewer required fields
- Multiple payment methods
- Mobile-friendly form layout
Outputs are shortened for space—run the prompt in ChatGPT to see the full response.
2) Interactive Elements for Engagement
Use it for: Lots of quick ideas for interactive elements to explore further.
Prompt:
Generate ideas for interactive elements that encourage user engagement in a fitness-tracking app.
Output example:
- Achievement badges & milestones
- Weekly challenge streaks
- Social sharing widgets
- Personalized workout reminders
3) Color Schemes & Typography
Use it for: A starting point for exploration and discussion around brand-aligned visuals.
Prompt:
Suggest color schemes and typography for a finance management app that conveys trust and reliability.
Output example:
- Colors: Navy blue with muted green accents
- Type: Sans-serif (e.g., Inter, Roboto) for clarity and authority
- Contrast: High legibility with soft secondary tones
4) Error Message / Cookies Modal
Use it for: Fast, approachable microcopy.
Prompt:
Write copy for a modal telling users about a website’s cookies policy. Write it in an approachable tone.
Output example:
“We use cookies to keep your experience smooth and secure. By continuing, you agree to our use of cookies. Want the details? [Read Policy]”
5) Onboarding Flow
Use it for: Sketching out onboarding journeys.
Prompt:
Create a user flow for onboarding in a language learning app. Emphasize the ease of use for beginners.
Output example:
- Quick sign-up (email/social)
- Select preferred language
- Short placement quiz
- Personalized path preview
- First lesson starts immediately
6) Feedback Form
Use it for: Structuring forms that encourage useful, actionable input.
Prompt:
Design a feedback form that encourages users to provide detailed insights for a product improvement app.
Output example:
- Rating scale (1–5)
- Open text: “What could we improve?”
- Dropdown: Select feature area
- Optional: Upload screenshot
7) Layout Concepts (Portfolio)
Use it for: Brainstorming clean layout directions.
Prompt:
Generate layout concepts for a minimalist portfolio website that effectively showcases a photographer’s work.
Output example:
- Full-bleed hero image + name/logo
- Grid gallery with lightbox preview
- About section with bio + CTA
- Contact form with social links
8) UI Elements (Analytics Dashboard)
Use it for: Quick references for dashboard components.
Prompt:
Suggest UI elements for a clean and modern dashboard to display sales analytics.
Output example:
- KPI cards (revenue, conversions, growth %)
- Interactive charts (line, bar, pie)
- Date range filters
- User activity table
9) Microinteraction Ideas (Social Feed)
Use it for: Delightful touches without overload.
Prompt:
Suggest microinteraction ideas to make a social media feed more engaging without overwhelming the user.
Output example:
- Subtle “like” animation
- Auto-saving draft indicator
- Hover previews on links
- Smooth infinite-scroll transitions
Extended Prompt Library
Use these during discovery, design, content, and testing phases.
Discovery Phase
1. User Persona Development
Prompt:
We are in the early stages of developing a new product X, a [describe the product]. X can [describe product features and tasks]. Please generate a list of potential user personas in detail that we should consider in our design and development process.
2. Problem Statement
Prompt:
Help me write a comprehensive problem statement for [user type] who struggle with [specific challenge] when using [product/service type]. Include context about their current workflow, pain points, and the impact on their [work/life]. Consider emotional and practical implications. Address [specific aspects] of the experience that need improvement.
3. User Journey Mapping
Prompt:
Create a detailed user journey map for a [user type] trying to accomplish [specific goal] using [product type]. Break down stages:
. For each stage, include actions, thoughts, emotions, pain points, and key feature touchpoints across [channels]. Cover first-time and returning scenarios and opportunities for improvement.
4. Feature Prioritization
Prompt:
Help me create a framework for prioritizing features in our [product type] redesign for [user type] who need to [goal]. Consider business impact ([factors]), technical constraints ([constraints]), and user needs ([needs]). Include criteria and scoring for user value, business value, implementation effort, and [other consideration].
Design Phase (Brief Starters)
Use/adapt any of these task starters:
- Design a mobile app for managing personal finances (budgeting + expenses).
- Create a smart-home control app UI (device management + scenes).
- Design an e-commerce experience optimized for product discovery + purchase.
- Create a fitness-tracking app UI that motivates users to hit goals.
- Design a privacy-first social platform experience.
- Create an online-education platform UI (browse, enroll, learn).
- Design a commute/transport app for trip planning + navigation.
- Create a meal-planning + recipe app (healthy defaults).
- Design a project-management app for team collaboration.
- Create a travel-planning app (search, book flights/hotels/activities).
5. Information Architecture
Prompt:
Design a detailed information architecture for [product type] serving [user type]. Features include
. Consider roles
and permissions. Map main and secondary navigation, content hierarchy, taxonomy, metadata, and search. Explain how it scales for [future scenario] and handles [content types].
6. Wireframe Description
Prompt:
Describe a detailed wireframe for the [page/feature] of our [product type]. It should display [key data/features] and support [actions]. Include layout grid, component hierarchy, content priority, and responsive behavior across [device types]. Consider states
7. Interaction Design
Prompt:
Design detailed interaction patterns for [feature] in our [product type] for [user type] with [skill level] proficiency. Specify gestures, transitions, feedback, and error states. Detail behaviors for [interactions], edge cases [scenarios], accessibility for users who [limitation], and micro-interactions for [moments].
8. Navigation Patterns
Prompt:
Create a comprehensive navigation system for our [product type] that handles [#] categories and [#] account types. Include main nav, filters, search, breadcrumbs, and account access. Explain adaptations for [states/scenarios], cross-device behavior, and wayfinding for complex journeys like [example].
Content Strategy
9. Microcopy Guidelines
Prompt:
Develop microcopy guidelines for [product type] that match our brand voice: [attributes]. Cover error messages, confirmations, tooltips, form labels, and button text. Provide templates for [scenarios], good/bad examples for [features], and localization guidance for [markets].
10. Error Messages (Systematic)
Prompt:
Write a complete set of error messages for [feature] covering validation, system, permission, and connectivity errors. Each should explain what went wrong, why, and how to fix it. Consider states
Testing & Validation
11. Usability Test Plan
Prompt:
Create a usability test plan for [feature/product] targeting [user type]. Include objectives, success metrics, participant criteria, task scenarios, session structure, environment setup, recording methods, handling of [scenarios], and analysis/reporting approach. Add contingency plans for [issues].
12. Test Scenarios
Prompt:
Develop detailed test scenarios for [feature] targeting [user type]. Provide step-by-step tasks to evaluate [functionalities], setup requirements, prerequisites, success criteria, edge cases
, permission levels, metrics, qualitative feedback prompts, constraints, workarounds, and time estimates.
13. Feedback Analysis Framework
Prompt:
Create a framework for analyzing user feedback from [method] about [product/feature]. Include categorization (bugs, feature requests, usability issues, satisfaction), severity/priority metrics, templates for summarizing findings, pattern-finding methods, and prioritization rules based on [criteria].
Research Ops
14. Interview Guide Creation
Prompt:
Create a user interview script for [product/service] targeting [user type]. Include warm-ups, 5–7 behavior questions, 3–4 pain-point questions, 4–5 desired-improvement questions, probes, transitions, and closing questions. Consider cultural sensitivities for [market].
15. Participant Screening
Prompt:
Develop a screening questionnaire for recruiting [user type] for a [research type] study on [product/feature]. Include demographics, behaviors, experience levels, identifiers for [characteristics], disqualifiers for [unsuitable participants], and rating scales for [attributes].
16. Research Plan Development
Prompt:
Create a research plan for understanding how [user type] uses [product/service]. Include objectives, methodology rationale, timeline, resources, recruitment criteria, sample size, incentives, data collection/analysis methods, deliverables, and risk mitigation for [challenges].
Insight Generation
17. Summarize Survey Findings
Prompt:
Here are the results of a product feedback survey on product X’s feature Y. Product X does [features] for [users]. Summarize the survey as 5–6 key insights.
[Paste survey results]
(Tip: Use an AI tool specialized for interview/survey insight extraction if you have long transcripts.)
18. Identify Patterns & Trends
Prompt:
Read the 5 condensed interview transcripts below and identify common patterns and trends in user experiences. Product X does [features] for [users]. Summarize patterns as bullet points and include a table that summarizes responses per question.
[Paste 5 transcripts]
