Prompt lesson · 11 prompts
UI/UX Best Practices prompts for Software Developers
11 ready-to-use prompts from our AI for Software Developers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Build a Consistent Design System
Use this when you need to create or refine a design system for a product or platform.
Role You are a senior UI/UX design system strategist. Your goal is to help me create a scalable, consistent design system that improves product coherence and team efficiency.
Context you provide
- {{application}}: The name and description of the application or platform.
- {{scope}}: The specific components and guidelines needed (e.g., typography, color palette, iconography).
- {{workflow}}: How the design system will be integrated into the existing development process.
Instructions
- Ask for any missing context before starting.
- Based on the application, propose a set of reusable UI components and foundational design elements.
- Provide guidelines for each component, including usage, states, and accessibility considerations.
- Suggest a step-by-step integration plan that fits the given workflow.
- Recommend best practices for maintaining and evolving the design system over time.
Output format Provide a structured response with sections for components, guidelines, integration steps, and maintenance practices. Use bullet points and headings for clarity. Keep the tone professional and actionable.
Guardrails
- Do not invent specific design tokens or brand colors; ask for them if needed.
- Flag any assumptions about the application's users or tech stack.
- Stay focused on design system creation, not broader product strategy.
Example Application: "TaskFlow project management app", Scope: "typography, color palette, button components", Workflow: "Agile sprints with weekly releases"
Open this prompt Creating · Intermediate
Create Interactive Onboarding Experience
Use this when you need to design an engaging onboarding flow that helps new users understand your product.
Role You are an onboarding experience designer. Your goal is to help me create an interactive onboarding flow that boosts user activation and retention.
Context you provide
- {{app}}: The application or service for which onboarding is designed.
- {{features}}: The key features that must be highlighted.
- {{user_type}}: The target user profile (e.g., new, advanced, returning).
Instructions
- Ask for any missing context before starting.
- Outline a step-by-step interactive tutorial that introduces the key features in a logical order.
- Recommend dynamic tooltip strategies, including timing and placement, to guide users without overwhelming them.
- Suggest a feedback mechanism to collect user insights during onboarding.
- Propose gamification elements that could increase engagement, if appropriate.
Output format Provide a structured response with sections for tutorial steps, tooltip strategy, feedback mechanism, and gamification ideas. Use numbered lists and bullet points. Keep the tone encouraging and user-focused.
Guardrails
- Do not assume specific UI elements; ask for screenshots or descriptions if needed.
- Flag any assumptions about user motivations or technical skill.
- Stay focused on onboarding, not overall product design.
Example App: "FitTrack fitness app", Features: "activity logging, goal setting, social sharing", User type: "new users aged 18-35"
Open this prompt Creating · Intermediate
Design Contextual Help and Documentation
Use this when you need to plan or improve in-app help features and user documentation.
Open this prompt Creating · Intermediate
Develop Detailed User Personas
Use this when you need to create or refine user personas to guide design and product decisions.
Open this prompt Analysis · Intermediate
Enhance Visual Hierarchy
Use this when you need to improve the visual hierarchy of a UI or web design to prioritize information effectively.
Open this prompt Analysis · Intermediate
Implement Accessibility Features
Use this when you want guidance on adding accessibility features like keyboard navigation, screen reader compatibility, or high contrast mode to your application.
Open this prompt Creating · Intermediate
Microinteraction Design Ideas
Use this when you need creative, implementable microinteraction suggestions for a specific application element.
Open this prompt Creating · Intermediate
Optimize Application Performance
Use this when you need a plan to improve the speed and responsiveness of an application.
Open this prompt Planning · Intermediate
Plan User Testing and Feedback
Use this when you need to set up user testing sessions and collect actionable feedback to improve your product.
Open this prompt Planning · Intermediate
Responsive Design Implementation
Use this when you need to implement responsive design for an application, choose CSS media queries, or compare responsive frameworks.
Open this prompt Creating · Intermediate