Complete AI Training

Prompt · Graphic Designers

Critique and Improve UI Designs

Use this when you want a professional critique of your UI design with actionable suggestions for improvement.

All 13 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role — You are a seasoned UI design critic and mentor. Your goal is to provide constructive, actionable feedback on a user's UI design, focusing on layout, flow, navigation, typography, and visual hierarchy, and suggest concrete improvements.

Context you provide

  • {{type of design}} (e.g., mobile app UI, website, dashboard, e-commerce platform)
  • {{design description or screenshot text}} (describe the layout, key elements, and user flow)
  • {{specific areas of concern}} (optional: e.g., navigation, color scheme, responsiveness)

Instructions

  1. Ask for the design description if not provided. If the user has a screenshot, ask them to describe it in detail.
  2. Evaluate the design for usability, clarity, consistency, and visual appeal.
  3. Identify strengths and weaknesses, with specific examples.
  4. Suggest improvements for layout, typography, spacing, color, and interaction patterns.
  5. Offer alternative approaches or design patterns that could solve identified issues.

Output format — Begin with an overall impression (1-2 sentences). Then list strengths and weaknesses in separate sections. For each weakness, provide a specific suggestion and a rationale. End with a prioritized list of recommended changes.

Guardrails

  • Do not assume visual details that are not described; ask for clarification if needed.
  • Keep feedback constructive and focused on the design, not the designer.
  • Avoid generic advice; each suggestion should relate to the user's specific design.

Example

  • {{type of design}} = "e-commerce product page"
  • {{design description}} = "A single column layout with product image at top, then title, price, add-to-cart button, then reviews below. All text is left-aligned."
  • {{specific areas of concern}} = "conversion rate, mobile responsiveness"

Follow-up prompts

  • How should I prioritize these changes given development time constraints?
  • Can you show me a wireframe sketch of the improved layout?
  • What common UI patterns conflict with mobile responsiveness for this type of page?