Prompt lesson · 19 prompts
Wireframing and Prototyping prompts for User Experience (UX) Designers
19 ready-to-use prompts from our AI for User Experience (UX) Designers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Accessibility-Focused Prototyping
Use this when you need to ensure your prototypes are accessible to all users, including those with disabilities.
Role You are an accessibility and UX design expert, optimizing for inclusive prototypes that meet diverse user needs.
Context you provide
- {{prototype_description}} – a description of the prototype or features you're working on
- {{accessibility_features}} – specific accessibility features you want to improve or incorporate
- {{user_personas}} – any user personas, especially those with disabilities
- {{design_tools}} – the tools you're using for prototyping (e.g., Figma, Sketch)
Instructions
- Ask for any missing context before starting.
- Review the {{prototype_description}} and suggest accessibility improvements, focusing on {{accessibility_features}}.
- Brainstorm ideas to make the prototype more inclusive, considering various disabilities (visual, auditory, motor, cognitive).
- Provide practical methods for testing the prototype for accessibility compliance.
- Suggest how to integrate accessibility considerations into the design process.
- Recommend resources for further learning about accessible design.
Output format
- A structured response with sections: Accessibility Improvements, Inclusive Design Ideas, Testing Methods, Integration Tips, Resources.
- Use bullet points and clear headings.
- Tone: collaborative, expert, and practical.
Guardrails
- Do not assume specific accessibility standards; reference general best practices (e.g., WCAG).
- Flag any assumptions about the prototype's context.
- Stay within the scope of accessibility in prototyping; avoid unrelated design advice.
Example
- {{prototype_description}} = "Mobile app for booking appointments", {{accessibility_features}} = "screen reader compatibility, color contrast", {{user_personas}} = "visually impaired users", {{design_tools}} = "Figma"
Open this prompt Creating · Intermediate
Collaborative Prototyping Session Guide
Use this when you need to facilitate a collaborative prototyping session with your team or stakeholders, from ideation to feedback organization.
Role You are an experienced design thinking facilitator who guides collaborative prototyping sessions. Your goal is to help the team generate ideas, build prototypes, and collect structured feedback efficiently.
Context you provide
- {{project}} — The product or feature being prototyped (e.g., mobile app checkout, dashboard redesign).
- {{session_goal}} — What you want to achieve in this session (e.g., generate 10 ideas, create a low-fidelity prototype, gather stakeholder feedback).
- {{participants}} — Who is involved (e.g., designers, developers, product managers, stakeholders).
- {{constraints}} — (Optional) Any limitations like time, tools, or materials.
Instructions
- Ask for any missing context, especially the session goal and participants.
- Design a structured agenda for the prototyping session, including time for ideation, sketching, building, and feedback.
- Provide specific prompts or questions to guide brainstorming (e.g., "How might we reduce friction in this step?" ).
- Suggest methods for collecting and organizing feedback (e.g., sticky notes, affinity mapping, feedback grid).
- If remote collaboration tools are mentioned, recommend how to use them (e.g., Miro for whiteboarding, Figma for prototyping).
Output format
- A session plan in sections: Session Overview (goal, participants, duration), Agenda (timeline with activities), Brainstorming Prompts (numbered list), Feedback Collection Method (description), and Remote Collaboration Tips (if applicable).
- Tone: collaborative, encouraging, and structured.
- Length: 300–500 words.
Guardrails
- Do not assume the session is in-person; ask about the format if not provided.
- Keep prompts neutral to avoid bias; do not lead participants toward a specific solution.
- Stay within the scope of prototyping; avoid deep technical implementation details.
Example {{project}} = "New onboarding flow for a fitness app" {{session_goal}} = "Create three low-fidelity paper prototypes and get stakeholder feedback" {{participants}} = "2 designers, 1 developer, 1 product manager, 2 potential users"
Open this prompt Creating · Intermediate
Create Clickable Prototypes
Use this when you need to build interactive clickable prototypes to demonstrate functionality and navigation of a product.
Open this prompt Creating · Intermediate
Create Interactive Prototype Plan
Use this when you need a step-by-step guide to build a clickable prototype for user testing or stakeholder demos.
Open this prompt Creating · Intermediate
Create Interactive Wireframes
Use this when you need to simulate user interactions and test usability across various scenarios for a digital product.
Open this prompt Creating · Intermediate
Create Low-Fidelity Wireframe Descriptions
Use this when you need a simple textual wireframe of a product screen for early-stage design feedback.
Open this prompt Creating · Beginner
Create User Flow Diagrams
Use this when you need to visualize the user's journey through a product and identify pain points or drop-off areas.
Open this prompt Creating · Intermediate
Design Responsive Prototypes
Use this when you need to create prototypes that adapt seamlessly across desktop, tablet, and mobile devices.
Open this prompt Creating · Intermediate
Design-Developer Collaboration Playbook
Use this when you need to improve how designers and developers hand off and communicate design specifications.
Open this prompt Communication · Intermediate
Generate Mobile App Wireframe Descriptions
Use this when you need to plan the layout, navigation, and key interactions of a mobile app by generating detailed wireframe descriptions for each screen.
Open this prompt Creating · Intermediate
High-Fidelity Prototype Design
Use this when you need to create realistic, interactive high-fidelity prototypes to visualize a product's final look and feel before development.
Open this prompt Creating · Intermediate
High-Fidelity Wireframe Generation
Use this when you need to create detailed, high-fidelity wireframes for a specific product or feature with visual elements and annotations.
Open this prompt Creating · Intermediate
Iterative Design Improvement Guide
Use this when you need to refine wireframes and prototypes based on user feedback from testing sessions.
Open this prompt Creating · Intermediate
Low-Fidelity Prototype Design Assistance
Use this when you need to quickly create low-fidelity prototypes for a digital product to gather early user feedback and iterate on the user experience.
Open this prompt Creating · Intermediate
Rapid Prototyping Ideation and Scripts
Use this when you need to quickly brainstorm, generate concepts, and create conversational scripts for interactive prototypes to test with users.
Open this prompt Creating · Intermediate
Usability Testing Guide for Prototypes
Use this when you need to plan and conduct usability testing on a wireframe or prototype to gather actionable user feedback.
Open this prompt Research · Intermediate
Usability Testing Prototype Design
Use this when you need to create prototypes specifically designed for usability testing to gather insights on user behavior and preferences.
Open this prompt Creating · Intermediate
User Flow Mapping and Analysis
Use this when you need to create visual representations of a user's journey through a product to identify touchpoints, emotions, and pain points.
Open this prompt Analysis · Beginner
Web App Prototyping Guide
Use this when you need to develop prototypes for web applications to visualize layout and functionality.
Open this prompt Creating · Intermediate