35 ChatGPT Prompts That Handle the Non-Design Parts of Design Work
Copy-paste prompts for UX research, UI microcopy, design briefs, client presentations, accessibility audits, and documentation. More designing, less writing about designing.
UX Research & User Insights
Create User Personas from Research Data
I've conducted user research for [product/project]. Here's what I know about our users: [Paste research findings: interview quotes, survey data, behavioral observations, demographics] Create 3 distinct user personas that: are based on behavioral patterns (not just demographics), include: name, role, goals, frustrations, behaviors, tools they use, quote that captures their mindset, highlight the key differences between personas (why we need 3, not 1), identify which persona is primary (largest or most valuable segment), and include a "day in the life" scenario showing how they'd encounter our product. Make them feel like real people, not marketing stereotypes.
Transforms raw research data into actionable personas. The behavioral focus prevents the common mistake of creating demographic profiles that don't inform design decisions.
Pro tip: A persona is only useful if it changes your design decisions. After creating personas, test by asking: "Would this design choice be different for Persona A vs Persona B?" If not, the personas aren't distinct enough.
Design a User Interview Script
I'm conducting user interviews for [product/feature]. Research goal: [what you want to learn]. Participants: [who — existing users, potential users, specific segment] Interview format: [remote/in-person, duration] Create an interview script with: warm-up questions (build rapport, understand context), behavioral questions (what they DO, not what they SAY they'd do), task-based questions (walk me through how you currently...), emotional probes (what frustrates you about..., what would make you feel...), specific question types to avoid (leading, hypothetical, compound), and closing questions that surface unspoken needs. Include follow-up probes for shallow answers. Mark which questions are essential vs optional (for time management). Add notes on what to observe beyond verbal responses.
Creates interview scripts that uncover real behaviors and needs, not just opinions. The "what they DO vs what they SAY" focus prevents the most common UX research mistake.
Pro tip: Never ask "Would you use this feature?" People say yes to hypotheticals. Instead ask: "Tell me about the last time you faced this problem. What did you do?" Past behavior predicts future behavior.
Synthesize Usability Test Results
I ran usability tests on [product/prototype] with [number] participants. Here are my raw notes: [Paste observations, quotes, success/failure on tasks, completion times, confusion points] Synthesize these results into: top findings ranked by severity (critical/major/minor), task success rates with analysis, common pain points with specific evidence (not just "users were confused"), positive findings (what worked well — don't just focus on problems), and actionable recommendations for each finding. For each recommendation: effort level (quick fix / medium / redesign needed), expected impact on user experience, and how to measure if the fix worked. Present this in a format ready for stakeholder presentation.
Transforms messy test notes into a clear, prioritized findings report. The severity ranking and effort-impact analysis help stakeholders understand what to fix first.
Pro tip: Include video clips or screenshots with your findings whenever possible. A 10-second clip of a user struggling is more convincing than any written description.
Map a User Journey for a Key Flow
Map the user journey for [specific flow: onboarding, checkout, first-time use, support request, etc.] in [product]. User persona: [describe the user] Current state: [describe the existing experience, if any] Create a journey map with stages: For each stage: what the user is doing, what they're thinking, what they're feeling (emotional state), touchpoints (where they interact with us), pain points and friction, moments of delight, and opportunities for improvement. Include: before and after the direct product interaction (what triggers them to start, what happens after they finish), the "backstage" processes that affect each stage (systems, teams, policies), and measurable metrics for each stage (conversion rate, time spent, support tickets).
Creates a comprehensive journey map that includes emotions, pain points, and improvement opportunities — not just the steps in a flow.
Pro tip: Validate your journey map with real users. Show them the map and ask "Does this match your experience?" They'll correct assumptions you made and reveal stages you missed.
Write a UX Research Plan
I need to conduct UX research for [project/product decision]. The decision we need to make: [describe what the research should inform]. Constraints: timeline [days/weeks], budget [amount], team [who's available] Create a research plan that includes: research objectives (specific questions to answer), recommended methodology and why (usability test, survey, diary study, A/B test, analytics review, card sort, etc.), participant criteria (who to recruit and how many), recruitment strategy, research guide/protocol, analysis approach, deliverables and timeline, and how findings will be used (connect to specific design decisions). If multiple methods would help, prioritize by impact and feasibility. Include a "minimum viable research" version if time is tight.
Creates a research plan that connects directly to design decisions, not just "learning about users." The minimum viable version ensures research happens even when timelines are tight.
Pro tip: Five users uncover 85% of usability issues. Don't wait for a 30-person study — a quick test with 5 people is better than no test with perfect methodology.
Create a Competitive UX Analysis
Analyze the UX of competitors for [product/feature]. Competitors to analyze: [List 3-5 competitors] For each competitor, evaluate: information architecture (how content is organized), key user flows (onboarding, core action, conversion), visual design and brand expression, microcopy and tone of voice, mobile responsiveness and performance, accessibility, and unique UX patterns worth noting. Create: a comparison matrix rating each competitor on key UX dimensions, patterns that all competitors share (table stakes), differentiators (what each does uniquely well), common weaknesses across all competitors (opportunity for us), and specific recommendations for our product based on the analysis.
Creates a structured competitive analysis focused on UX patterns and opportunities, not just screenshots. The "common weaknesses" section reveals market gaps your design can fill.
Pro tip: Sign up for each competitor's product and complete their key flow as a real user. Screenshots and marketing pages don't show you the actual UX — only using the product does.
UI Microcopy & Content Design
Write UI Microcopy for a Feature
Write the microcopy for [describe the feature/screen/flow]. Product: [product name and type]. Brand voice: [describe — friendly, professional, playful, etc.]. Elements needing copy: [list all UI elements: buttons, labels, tooltips, empty states, success messages, error messages, onboarding steps, etc.] For each element: write the copy (concise, clear, action-oriented), explain why you chose these words, provide 2 alternatives, and flag any copy that needs A/B testing. Follow these principles: use the user's language (not internal jargon), be specific (not "something went wrong" — say what went wrong), lead with the verb for buttons ("Save changes" not "Changes saved"), and keep it scannable (users don't read, they scan).
Creates consistent, user-centered microcopy for every UI element. The alternatives give your team options without a full copy brainstorm session.
Pro tip: Read the microcopy out loud as if you're telling a friend how to use the feature. If it sounds awkward spoken, it'll feel awkward on screen.
Write Error Messages That Actually Help
Write error messages for [product/feature]. Here are the error states: [List each error: what went wrong, when it happens, what the user was trying to do] For each error, write a message that: explains what happened (in human language, not error codes), tells the user what to do next (specific action), doesn't blame the user ("we couldn't process" not "you entered incorrectly"), maintains brand voice even when things break, and includes a recovery path (button, link, or instruction). Create three tiers: inline validation (instant, brief), form-level errors (after submission), and system errors (server issues, outages). For system errors, include: what information to show, whether to suggest retrying, and when to show a support contact.
Turns error messages from dead ends into helpful guides. Good error messages reduce support tickets and prevent user frustration that leads to churn.
Pro tip: The best error messages prevent the error from happening again. "Password must be 8+ characters with a number" at the time of entry is better than "invalid password" after submission.
Design Empty States That Drive Engagement
Design empty state content for these screens in [product]: [List screens that have empty states: dashboard with no data, inbox with no messages, search with no results, etc.] For each empty state: write the headline and body copy, suggest an illustration style or visual, include a clear call-to-action (what should the user do?), make it feel encouraging not empty, and explain the strategy (education, motivation, or guidance). Create two versions: first-time user (they've never used the feature) and returning user with no current content (they know the feature but there's nothing to show). Empty states should feel like opportunities, not dead ends.
Turns blank screens into onboarding moments. Empty states are the most underutilized UX opportunity — they're where you can educate and motivate without interrupting a task.
Pro tip: Include an example or sample data in empty states when possible. Showing users what the screen looks like with data helps them understand what to create and motivates them to fill it.
Write Onboarding Flow Copy
Write the copy for an onboarding flow for [product]. The flow has [number] steps: [Describe each step: what the user needs to do and why] Target user: [describe — technical level, motivation, context] Goal: get users to [key activation metric] For each step: write the screen title, body copy (under 30 words), button label, help text where needed, and progress indicator copy. Overall principles: keep it progressive (don't overwhelm with everything at once), connect each step to a benefit ("Add your team so you can collaborate in real-time"), allow skipping where possible (with a subtle note about why they shouldn't), and celebrate completion (the final screen should feel rewarding). Include a "skip-all" path for power users who don't need onboarding.
Creates onboarding copy that educates without overwhelming and motivates without annoying. The benefit-connected copy explains WHY each step matters, which drives completion.
Pro tip: Measure completion rate for each step. The step with the biggest drop-off is the one to fix first. Usually it's because the benefit isn't clear or the effort feels too high.
Create a Writing Style Guide for UI Copy
Create a UI copy style guide for [product name]. Brand personality: [describe]. Target audience: [describe]. The style guide should cover: voice and tone guidelines (with examples), capitalization rules (sentence case, title case, when to use each), punctuation rules (periods in buttons? Oxford comma?), terminology preferences (sign in vs log in, remove vs delete, etc.), number formatting (numerals vs words, dates, currencies), do's and don'ts with before/after examples, microcopy patterns for common elements (buttons, tooltips, errors, confirmations), and accessibility writing guidelines (alt text, aria labels, screen reader copy). Include 10+ before/after examples showing the style guide in action.
Creates consistency across your product's UI copy. A style guide prevents the "three different people wrote this" feeling that undermines user trust.
Pro tip: Start with the 10 most common UI patterns in your product and write definitive copy for each. Consistency on those 10 patterns covers 80% of the user experience.
Write Notification and Email Copy for Transactional Messages
Write copy for these transactional notifications in [product]: [List each notification: trigger event, channel (email/push/in-app), purpose] For each notification: subject line or push title (under 50 characters), body copy (concise, actionable), call-to-action (specific button/link), tone appropriate to the context (urgent for security, friendly for milestones, etc.), and timing recommendation (when to send relative to the trigger). Follow these rules: only notify if the user needs to do something or would want to know, never be annoying (respect notification fatigue), include enough context that the user doesn't need to open the app to understand, and make the CTA button do the obvious next action. Create a notification priority framework: which notifications are critical vs nice-to-know.
Creates notifications users actually appreciate instead of dismiss. The priority framework prevents notification fatigue that leads to users turning off all notifications.
Pro tip: If a notification doesn't require user action and doesn't provide immediate value, it probably shouldn't be a notification. Convert nice-to-know updates into a digest or activity feed instead.
Design Briefs & Documentation
Write a Design Brief for a New Feature
Write a design brief for [feature/project]. Context: Product: [product name and description] Business goal: [why we're building this] User problem: [what user need this addresses] Scope: [what's included and excluded] Timeline: [design and development timeline] Constraints: [technical, brand, accessibility, etc.] The brief should include: problem statement (specific, measurable), user stories with acceptance criteria, success metrics (how we'll know the design works), competitive context (how others solve this), technical constraints the designer needs to know, brand and design system requirements, accessibility requirements (WCAG level), and open questions that need design exploration. Write it as a collaboration document — opinionated enough to guide the designer but open enough for creative solutions.
Creates a brief that gives designers clear constraints without dictating solutions. The open questions invite creative exploration where it matters most.
Pro tip: A good brief answers "what" and "why" but leaves "how" to the designer. If you find yourself describing the solution, you're designing by committee instead of writing a brief.
Document a Design System Component
Document this design system component for my team: Component: [name — e.g., Button, Modal, Card, Toast] Variants: [list variants — primary, secondary, destructive, etc.] Used in: [list contexts/pages where it appears] Create comprehensive documentation: component description and purpose, when to use this component vs alternatives, all variants with use cases for each, props/parameters with types and defaults, states (default, hover, active, disabled, loading, error), accessibility requirements (ARIA, keyboard, screen reader behavior), spacing and sizing specifications, responsive behavior, do's and don'ts with visual examples described, and code usage examples. Include edge cases: what happens with very long text, missing data, or error states.
Creates design system documentation that developers and designers actually reference. The edge cases section prevents "it looks fine with sample data" surprises.
Pro tip: Document the "when NOT to use" section as carefully as the "when to use" section. Misuse of components is the #1 cause of design system inconsistency.
Write Design Handoff Notes
I'm handing off a design to developers. The feature is [describe feature]. Design files: [tool — Figma/Sketch/XD] Design system used: [name] Create handoff notes that: walk through the user flow step by step, specify interactions and animations (timing, easing, triggers), call out responsive breakpoints with behavior at each, list all states for interactive elements, specify loading states and skeleton screens, describe error handling and edge cases, note accessibility requirements (focus order, aria labels, color contrast), highlight where the design deviates from the design system (and why), and list any assets that need to be exported. Organize by screen/component for easy developer reference.
Creates handoff documentation that prevents developer guesswork. The "deviates from design system" callout prevents back-and-forth about intentional differences.
Pro tip: Sit with the developer for 15 minutes after handing off. A brief walkthrough catches more questions than any document, and saves hours of Slack messages later.
Create a Design Decision Log
I need to document the design decisions made during [project/feature] design. Key decisions: [List each decision: what you decided and the alternatives considered] For each decision, document: the decision made, alternatives considered (with screenshots or descriptions), rationale (why this option won), evidence supporting the decision (user research, data, best practices), trade-offs acknowledged, stakeholder who approved, and conditions under which we'd revisit this decision. Create a format that's easy to reference months later when someone asks "why did we do it this way?" Include a summary table for quick scanning.
Prevents the organizational amnesia that leads to re-litigating design decisions every quarter. When someone asks "why does it work this way?" you have the answer.
Pro tip: Log decisions in real time, not retroactively. The rationale for decisions made 3 months ago is fuzzy. Decisions logged the day they're made capture the full context.
Write an Accessibility Audit Report
Conduct a conceptual accessibility audit for [product/feature]. I'll describe the current design: [Describe the UI: layout, interactive elements, colors, content structure, forms, navigation] Audit against WCAG 2.1 [AA/AAA] standards: perceivable (color contrast, text alternatives, captions, adaptable content), operable (keyboard accessibility, focus management, timing, navigation), understandable (readable, predictable, input assistance), and robust (compatible with assistive technology). For each issue found: severity (critical/major/minor), WCAG success criterion violated, specific location in the design, recommended fix, and implementation effort. Include a summary score and prioritized fix list. Note: this is based on design description — a full audit requires testing with assistive technology.
Identifies accessibility issues from design descriptions before development. Catching accessibility problems in the design phase is 10x cheaper than fixing them in code.
Pro tip: Run a real accessibility test with a screen reader after development. Design audits catch structural issues but miss implementation details like missing aria labels or broken focus traps.
Write a Design Case Study
Help me write a design case study for my portfolio. Project: Project name: [name] Company/client: [who] My role: [what I did] Duration: [timeline] Outcome: [results, metrics, impact] Structure the case study: hook (compelling opening that summarizes the impact), challenge (the problem in business and user terms), process (my approach — research, ideation, testing, iteration), key design decisions (the interesting choices, not every screen), results (measurable outcomes), and reflection (what I learned, what I'd do differently). For each section: suggest what visuals to include, what to emphasize for hiring managers, and the ideal word count. Write it in first person, showing my thinking process — not just the final output. This should demonstrate how I think, not just what I made.
Creates a portfolio case study that showcases your thinking process, not just pretty screenshots. Hiring managers care about HOW you design, not just WHAT you designed.
Pro tip: Include one decision where you were wrong and how you corrected course. It shows maturity and real design thinking — not just a polished highlight reel.
Design Thinking & Problem Solving
Run a Design Sprint Remotely
Help me plan a [3/5]-day design sprint for [problem/opportunity]. Team: [who's participating, roles] Format: [remote/in-person/hybrid] Tools: [Figma/Miro/FigJam/etc.] The challenge: [describe the problem we're solving] Create a sprint plan with: day-by-day agenda with timing for each activity, facilitation instructions for each exercise, templates and frameworks to prepare in advance, async pre-work to maximize synchronous time, decision-making process for each phase, specific adaptations for remote facilitation (remote sprints need different timing and tools), and a testing plan for the final prototype. Include: icebreakers, energy management, and how to handle dominant voices and quiet participants.
Plans a complete design sprint with facilitation details, not just an agenda. The remote-specific adaptations prevent the common failure mode of running an in-person sprint format over Zoom.
Pro tip: Cut every activity by 20% from the standard sprint timing. Remote attention spans are shorter. Better to finish early and have energy for discussion than to run overtime.
Generate Design Concepts from Constraints
I need design concepts for [feature/problem]. Constraints: Technical: [what's technically possible/impossible] Brand: [design system, visual guidelines] Business: [revenue model, stakeholder requirements] User: [research insights, accessibility needs] Timeline: [when it needs to ship] Generate 5 distinct design approaches that all work within these constraints. For each concept: describe the approach in 2-3 sentences, explain the core interaction pattern, identify which constraint it optimizes for (and which it sacrifices), user experience trade-offs, implementation complexity (low/medium/high), and a "why it might fail" honest assessment. Then recommend which 2 concepts to prototype and test, and why.
Generates multiple design directions within real constraints instead of "blue sky" ideation that can't be built. The "why it might fail" honesty prevents attachment to flawed concepts.
Pro tip: Present multiple concepts to stakeholders, not just your favorite. It shifts the conversation from "approve/reject" to "which direction" — which is more productive and gives you design authority.
Evaluate a Design Against Heuristics
Evaluate this design against Nielsen's 10 usability heuristics (or specify another framework): [Describe the design in detail: screens, flows, interactions, copy] For each heuristic: score (1-5) with justification, specific examples of compliance and violation, severity of any violations (cosmetic/minor/major/catastrophic), and recommended improvements. Heuristics: visibility of system status, match between system and real world, user control and freedom, consistency and standards, error prevention, recognition rather than recall, flexibility and efficiency, aesthetic and minimalist design, help users recognize/diagnose/recover from errors, and help and documentation. Provide an overall score and the top 3 improvements that would have the biggest impact.
Applies structured heuristic evaluation to your design. This is the fastest way to identify usability issues without running a full user test.
Pro tip: Heuristic evaluation catches about 50% of usability issues. Use it as a quick filter before investing in user testing, which catches the other 50% that requires real users.
Design for Edge Cases and Error States
I'm designing [feature] and need to think through edge cases. The happy path is: [Describe the ideal user flow] Help me identify and design for: empty states (no data, first use), loading states (slow connection, large data), error states (validation, system, network), permission states (unauthorized, expired session), extreme content (very long names, many items, no items), interrupted flows (back button, refresh, abandoned process), multi-device scenarios (started on mobile, continued on desktop), and accessibility edge cases (keyboard-only, screen reader, reduced motion). For each: describe the scenario, explain the user's mental state, and suggest the design approach. Prioritize by likelihood and impact.
Forces you to design for reality, not just demos. The edge cases you miss become the bugs your users find — and the support tickets you answer.
Pro tip: Design the error state before the happy path. If you know how to handle failure gracefully, the happy path design becomes easier because you've already thought through the complete system.
Conduct a Design Critique
Help me structure a design critique for [feature/screen]. The design: [Describe the design or paste a detailed description] Design goal: [what this design is trying to achieve] Critique the design on: does it solve the stated problem? Is the visual hierarchy guiding attention correctly? Is the information architecture intuitive? Are the interactions clear and predictable? Does the copy support the user's task? Is there unnecessary complexity that could be removed? How does it perform at different viewport sizes? Are there accessibility concerns? Provide feedback in the format: "What's working well," "What could be improved," and "Questions to explore." Be specific — "the CTA button gets lost" is useful; "improve the visual hierarchy" is not.
Provides structured, specific design feedback. The three-part format (working well / improve / explore) maintains positivity while driving improvement.
Pro tip: Always lead with what's working. Critique sessions that start with problems put designers on the defensive and shut down creative thinking.
Client & Stakeholder Communication
Present a Design Concept to Stakeholders
I need to present my design concept for [feature/project] to [audience: executives/product managers/engineers/clients]. The design: [describe the concept] Key decisions: [the important choices you made] Research backing: [data supporting the design] Concerns I anticipate: [what stakeholders might push back on] Create a presentation outline: opening that connects design to business goals, problem statement with user evidence, design walkthrough organized by user story (not by screen), rationale for key decisions (connect each to data), prototype demo talking points, tradeoffs and alternatives considered, metrics we'll track to measure success, and next steps and timeline. Include speaker notes and anticipated questions with responses. The presentation should work for a non-designer audience.
Frames design presentations around business outcomes and user evidence, not just aesthetics. Stakeholders approve designs they understand the reasoning behind.
Pro tip: Never present a design without context. Show the problem first, the user pain second, then the solution. A design presented without context looks like a subjective choice.
Write a Design Proposal for a Client
Write a design proposal for [client/project]. Client: [describe the client and their business] Project scope: [what they want designed] Timeline: [their deadline] Budget: [range or "to be proposed"] Create a proposal with: executive summary (1 paragraph), understanding of the client's challenge (prove you listened), proposed design approach and methodology, project phases with deliverables at each, timeline with milestones and review points, team and roles, pricing structure (retainer/project/hourly with justification), terms and conditions highlights, and portfolio examples relevant to this project. Write in a tone that builds confidence: we understand your problem and we've solved similar ones before. Include a "why us" section that doesn't sound like a generic pitch.
Creates a proposal that sells your design approach through demonstrated understanding of the client's problem. The "prove you listened" section wins more business than any portfolio.
Pro tip: Mirror the client's language in the proposal. If they said "customers" don't say "users." If they said "engagement" don't say "retention." Matching their vocabulary builds trust.
Handle Design Feedback Without Losing Your Mind
I received feedback on my design from [stakeholder role]. Their feedback: [Paste the feedback — the good, the bad, and the "make the logo bigger"] Help me: categorize each piece of feedback (actionable design insight / subjective preference / valid business concern / misunderstanding / out of scope), craft professional responses for each, identify which feedback to accept, which to push back on (with reasoning), and which to explore further, write a response email that: thanks them for engagement, clarifies misunderstandings, proposes solutions for valid concerns, diplomatically addresses subjective preferences, and sets expectations for the next review. Tone: collaborative, not defensive. The goal is alignment, not winning an argument.
Turns difficult stakeholder feedback into productive conversation. The categorization framework helps you separate signal from noise and respond strategically instead of emotionally.
Pro tip: When someone says "I don't like it," ask "can you tell me more about what's not working for you?" The real concern is usually something specific and fixable. "I don't like it" is never the actual feedback.
Justify a Design Decision with Data
I need to convince [stakeholder] that my design decision is the right one. They want [their preference] but I believe [your recommendation] is better. My recommendation: [describe your design choice] Their preference: [describe what they want] Context: [the feature, the users, the business goal] Build a case that: starts with shared ground (what we agree on), presents evidence for my recommendation (research data, best practices, competitive analysis), honestly acknowledges the merits of their preference, shows the risks of their preference (with specific examples or data), proposes a way to validate (A/B test, user test, phased rollout), and offers a compromise if one exists. Don't frame it as "I'm right, you're wrong." Frame it as "here's what the data suggests, and here's how we can verify."
Builds a data-driven case for design decisions without creating adversarial dynamics. The "propose a way to validate" approach turns disagreements into experiments.
Pro tip: If you can't articulate WHY your design is better beyond gut feeling, maybe the stakeholder's suggestion deserves more consideration. Data-backed conviction is persuasive. "I just know" is not.
Write a Design Review Summary for Remote Teams
Summarize a design review session for team members who couldn't attend. Feature reviewed: [feature name] Design stage: [concept/wireframe/high-fidelity/pre-dev] Attendees: [who was there] Key discussion points: [Summarize what was discussed] Write a review summary that: captures every decision made with rationale, documents feedback received and how it'll be addressed, lists open questions and who's responsible for answering them, identifies changes to be made before the next review, includes before/after descriptions for any agreed-upon changes, and sets the date and scope of the next review. Format for async consumption (scannable, linked to design files, clear action items). Include a "respond by" date for anyone with concerns.
Keeps remote team members in the loop without requiring another meeting. The "respond by" date prevents endless async feedback loops.
Pro tip: Record important design reviews (with permission). A 30-minute recording is worth more than a 3-page summary for team members who want the full context.
Design Systems & Processes
Audit and Improve Your Design Process
Help me audit and improve my design process. Current workflow: [Describe your current process: how briefs come in, how you design, how you test, how you hand off, tools used, team size] Pain points: [what's slow, broken, or frustrating] Team feedback: [what colleagues say about working with design] Analyze: where are the bottlenecks? Where does quality suffer due to process (not skill)? What's duplicated or unnecessary? Where does communication break down between design and [engineering/product/stakeholders]? Suggest improvements: streamlined process with fewer steps, better templates and reusable assets, handoff improvements, feedback loop optimization, and tools that could help. Compare my current process to industry best practices. Be honest about what I'm overcomplicating and what I'm skipping that I shouldn't be.
Identifies inefficiencies in your design workflow that you might be too close to see. Process improvements compound — saving 30 minutes per project over 50 projects per year is significant.
Pro tip: Ask your engineering and product partners what frustrates them about the design process. The handoff is usually where the most time is wasted, and they see problems you don't.
Plan a Design System from Scratch
I need to create a design system for [product/company]. Current state: Product(s): [what exists] Team: [number of designers and developers] Existing patterns: [any consistency that exists] Technology: [React/Vue/etc.] Design tool: [Figma/Sketch/etc.] Create a plan for building the design system: what to include in V1 (minimum viable design system), component inventory (audit what exists and what's needed), token system (colors, typography, spacing, shadows), component priority (which to build first based on usage frequency), documentation strategy (what to document and where), governance model (who maintains it, how changes are proposed), adoption plan (how to get the team actually using it), and metrics to track (adoption rate, consistency, dev time savings). Include a phased roadmap: what to build in month 1, 3, 6, and 12. Don't try to build everything at once — that's how design systems die.
Plans a pragmatic design system that your team will actually adopt. The phased approach prevents the common failure of spending 6 months building a system nobody uses.
Pro tip: Start with the 10 most-used components, not the edge cases. A design system that covers 80% of use cases and ships in 2 months beats one that covers 100% and ships never.
Create Design Tokens Documentation
Document the design tokens for [product/design system]. Tokens to document: [List: colors, typography, spacing, shadows, border radius, breakpoints, animation, z-index] For each token category: list all tokens with their values, explain the naming convention, show usage guidelines (when to use which token), document the semantic meaning (why this color is called "danger" not "red"), specify responsive behavior where applicable, and include do's and don'ts with examples. Create a quick reference card that developers can keep open while coding. Include the implementation format (CSS variables, Tailwind config, SCSS, or design-tool-specific format).
Creates token documentation that designers and developers can both reference. The semantic naming explanations prevent the "what color should I use?" question that slows everyone down.
Pro tip: Name tokens by purpose, not value. "color-danger" survives a rebrand. "color-red-500" doesn't. Semantic tokens create a system that can evolve without breaking everything.
Write Design Principles for Your Team
Create design principles for [product/team/company]. Product: [what we build] Users: [who we serve] Brand values: [company values] Design challenges: [recurring tensions — speed vs quality, simplicity vs power, etc.] Create 5-7 design principles that: are specific to our product (not generic "make it simple"), resolve real design tensions (when two good things conflict, which wins?), are memorable (short enough to remember, interesting enough to reference), include an example of each principle in action, and rank-order them (when principles conflict, which takes priority?). For each principle: the principle statement, a one-line explanation, an example of a design decision it would resolve, and the counter-principle it beats. Test: if the opposite of your principle is something no reasonable person would argue for, it's too vague.
Creates principles that actually guide decisions, not wall art. The "opposite test" ensures each principle takes a real position instead of stating the obvious.
Pro tip: "Make it easy to use" is not a principle — no one argues for "make it hard to use." A real principle is: "Simplicity for new users beats efficiency for power users." Now there's a genuine trade-off being resolved.
Set Up a Design QA Process
Help me create a design QA process for my team. Current situation: Team: [designers and developers] Deployment cadence: [how often you ship] Current QA: [what exists — or nothing] Common issues: [what goes wrong between design and production] Create a QA process that: specifies when to QA (which environments, at what stage), provides a checklist for visual review (spacing, typography, colors, alignment), covers interaction review (animations, transitions, states), includes responsive review (key breakpoints, touch targets), addresses accessibility review (contrast, keyboard nav, screen reader), establishes a bug filing process (severity, screenshots, expected vs actual), and sets SLA for design bug fixes (which get fixed before release vs post-release). Include a "QA-ready" checklist for developers to self-check before requesting design QA. Keep the process lightweight enough to actually follow.
Catches the gap between Figma and production that frustrates designers and users alike. The developer self-check reduces back-and-forth by catching obvious issues before the formal review.
Pro tip: Focus design QA on user-facing impact, not pixel perfection. A 2px spacing difference rarely matters. A missing loading state or broken mobile layout does. Prioritize what users actually notice.
Frequently Asked Questions
Want to go deeper?
These prompts are just the beginning. Learn the full workflow with step-by-step video courses on our academy.