Prompt lesson · 27 prompts
Prototyping and Wireframing prompts for UX/UI Designers
27 ready-to-use prompts from our AI for UX/UI Designers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Analyze Design Feedback
Use this when you need to turn stakeholder or user feedback on wireframes or prototypes into clear, actionable design improvements.
Role You are a UX research analyst who synthesizes design feedback into prioritized, actionable insights for iterative design improvements.
Context you provide
- {{feedback_source}}: e.g., stakeholder comments, user testing notes, survey responses
- {{design_artifacts}}: wireframes, prototypes, or design concepts the feedback refers to
- {{design_goals}}: the primary objectives or constraints for the next iteration
Instructions
- If any required context is missing, ask for it before proceeding.
- Analyze the provided feedback, grouping it into themes (e.g., usability, visual design, functionality).
- For each theme, identify the underlying issue and its impact on user experience or business goals.
- Prioritize the issues based on severity, frequency, and alignment with the design goals.
- Provide specific, actionable recommendations for each prioritized issue, referencing the design artifacts where possible.
- Suggest a plan for implementing the top recommendations in the next iteration.
Output format A structured report with sections: Executive Summary, Thematic Analysis, Prioritized Recommendations, and Implementation Plan. Use bullet points and tables where helpful. Keep the tone professional and concise.
Guardrails
- Do not invent feedback or design details not provided.
- Flag any assumptions about the design goals or user needs.
- Stay within the scope of the provided feedback and design artifacts.
Example Feedback source: user testing notes; design artifacts: mobile app wireframes; design goals: improve onboarding completion.
Open this prompt Analysis · Intermediate
Build a Scalable Design System
Use this when you need to create a cohesive, scalable design system with reusable components, color, typography, and guidelines.
Role You are a senior design systems strategist. Your goal is to help me build a scalable, consistent design system that accelerates product development and maintains brand coherence.
Context you provide
- {{project_type}}: The type of product or platform (e.g., web app, mobile app, SaaS).
- {{brand_values}}: Key brand attributes or style preferences (e.g., minimal, playful, corporate).
- {{scope}}: The initial scope of the system (e.g., core components, full design language).
Instructions
- Ask me for any missing context from the list above before starting.
- Propose a component hierarchy, starting with foundational elements (color, typography, spacing) and moving to complex components (buttons, forms, navigation).
- For each component, specify its purpose, variants, and states (default, hover, disabled).
- Suggest a harmonious color palette with hex codes and guidance on usage ratios (e.g., 60-30-10 rule).
- Recommend a typography scale with font pairings and hierarchy rules for headings, body, and captions.
- Define layout and spacing rules, including a grid system and spacing units.
- Provide a plan for documenting and maintaining the system as it evolves.
Output format A structured design system document with clear sections for each area, using tables or lists for components and specifications. Keep it practical and actionable.
Guardrails
- Do not invent brand-specific colors or fonts; base suggestions on the provided brand values.
- Flag any assumptions about the product type or audience.
- Stay within the scope of design system creation; do not delve into marketing or branding strategy.
Example project_type: "B2B SaaS dashboard", brand_values: "clean, data-driven, trustworthy", scope: "core components and design tokens"
Open this prompt Creating · Intermediate
Build Design Pattern Library
Use this when you need a structured collection of design patterns, UI components, and guidelines to ensure consistency across your product.
Open this prompt Creating · Intermediate
Conduct Competitor Analysis
Use this when you need to analyze competitors to inform your design strategy and identify opportunities for differentiation.
Open this prompt Research · Intermediate
Conduct User Testing
Use this when you need to plan and execute user testing to gather actionable feedback on your designs.
Open this prompt Research · Intermediate
Create Design Presentations
Use this when you need to turn wireframes or prototypes into a compelling presentation that clearly communicates your design vision to stakeholders.
Open this prompt Creating · Beginner
Create Design System Components
Use this when you need to develop reusable design components to ensure consistency and efficiency across your product.
Open this prompt Creating · Intermediate
Create Interactive Animations
Use this when you need to design animations that demonstrate interactions and transitions in your prototypes.
Open this prompt Creating · Advanced
Create User Flow Diagrams
Use this when you need to design a visual user flow diagram (in Mermaid or textual format) that maps the user's journey through an app or website.
Open this prompt Creating · Beginner
Design Collaborative Prototyping Workspace
Use this when you need to design a shared workspace for collaborative wireframing and prototyping with AI assistance.
Open this prompt Creating · Advanced
Design Documentation Generator
Use this when you need to automate the creation of design documentation, such as annotations, rationale, and specifications.
Open this prompt Creating · Intermediate
Design High-Fidelity Prototypes
Use this when you need a detailed, interactive, and visually rich prototype that closely simulates the final product experience.
Open this prompt Creating · Intermediate
Design Interactive Microinteractions
Use this when you need to design subtle, engaging microinteractions for UI elements to enhance user feedback and experience.
Open this prompt Creating · Intermediate
Design Responsive Layouts
Use this when you need to design or evaluate layouts that adapt seamlessly across different devices and screen sizes.
Open this prompt Creating · Intermediate
Develop Low-Fidelity Wireframes
Use this when you need to quickly sketch out the basic structure and layout of a screen or page.
Open this prompt Creating · Beginner
Document Design Specifications for Developers
Use this when you need to create clear, comprehensive design specifications to ensure accurate implementation by developers.
Open this prompt Writing · Intermediate
Enhance Designer-Developer Collaboration
Use this when you need strategies to improve collaboration between designers and developers for seamless implementation of design assets.
Open this prompt Planning · Intermediate
Generate Interactive Wireframes
Use this when you need to create interactive wireframes with layout, elements, and interaction suggestions for a digital product.
Open this prompt Creating · Intermediate
Incorporate Branding Elements
Use this when you need to integrate brand identity into wireframes or prototypes for a cohesive user experience.
Open this prompt Creating · Intermediate
Iterate and Refine Wireframes
Use this when you need to improve wireframes or prototypes based on feedback and usability test results.
Open this prompt Analysis · Intermediate
Manage Design Version Control
Use this when you need to establish or improve version control for design files to enhance collaboration and iteration.
Open this prompt Planning · Intermediate
Optimize User Flows
Use this when you need to analyze user flows in wireframes or prototypes to identify bottlenecks and improve the user experience.
Open this prompt Analysis · Advanced
Rapid Prototyping with Design Patterns
Use this when you need to quickly create low-fidelity prototypes for a specific screen or flow, leveraging proven design patterns and layout options.
Open this prompt Creating · Beginner
Simulate Usability Testing
Use this when you need to simulate user interactions with wireframes or prototypes to identify usability issues and improvements.
Open this prompt Analysis · Advanced
Stakeholder Feedback Engagement
Use this when you need to effectively engage stakeholders to gather feedback and ensure design alignment with project goals.
Open this prompt Communication · Intermediate
Validate Design Decisions with Data
Use this when you need to validate design choices through structured testing, surveys, or research plans.
Open this prompt Research · Intermediate
Validate Design Decisions with Feedback
Use this when you need to plan and conduct design validation sessions with stakeholders or users to ensure your design meets their needs.
Open this prompt Planning · Intermediate