AI mentoring session
Learn AI by doing real design work.
A four-hour working session for product designers using AI: orient, build, evaluate, practice, and reflect.
Start the session0:00-0:40
40 min
Get oriented
Know what AI is good at, what the main terms mean, and where judgment still matters.
Frame 10 min / Demo 15 min / Practice 10 min / Discuss 5 min
0/4
Map the tool landscapeCompare general assistants, research tools, image tools, and coding agents. Pick tools by task, not hype.
Start with the job you need done. Use a general assistant for thinking and writing, a research tool when sources matter, an image tool for visual exploration, and a coding agent when you need to change working software. You do not need every tool. Choose one primary tool, learn its strengths, and add another only when the task calls for it.
Learn six useful termsModel, prompt, context, multimodal, hallucination, and agent. Explain each in one sentence.
A model is the underlying system. A prompt is your instruction. Context is the material available to the model during the task. Multimodal means it can work with more than text, such as images or audio. A hallucination is a confident but unsupported output. An agent can take a goal, use tools, and complete several connected actions on your behalf.
Use a simple prompt recipeGive AI a goal, context, constraints, output format, and a way to check the result.
Write prompts in five parts: state the outcome, provide the relevant context, name the constraints, describe the artifact you want, and define how it should be evaluated. If the result is weak, improve the missing part instead of adding vague instructions like make it better. Save prompts that produce a useful repeatable workflow.
Keep the designer in chargeTreat AI as a fast collaborator. You own the taste, evidence, decisions, and final quality.
Use AI to increase the number of directions you can explore and the speed at which you can test them. Do not outsource the decision itself. Ask what evidence supports a recommendation, compare alternatives, inspect the actual output, and be ready to explain why the final choice serves the user and the product.
Starter prompt
Goal: Help me [outcome]. Context: I am a product designer working on [project]. Constraints: [time, audience, brand, tools]. Output: Give me [specific artifact]. Check: List assumptions, weak evidence, and what I should verify.
0:40-1:45
65 min
Design and build with AI
Use an existing design to build, preview, refine, and scale a working website.
Demo 15 min / Co-build 35 min / Critique 15 min
0/6
Start from an existing designChoose a finished page or screen that provides a clear source of truth. Give the AI the reference, explain which visual decisions matter most, and identify what content or behavior should change in your version.
Use a screenshot, design file, or live page with enough detail to understand the system rather than a single isolated component. Ask AI to inventory the grid, type scale, spacing, color, imagery, responsive behavior, and interaction patterns before it writes code. Confirm what should be reproduced, what should be adapted, and which assets are still missing.
Use the attached design as the visual source of truth for a new website. First describe its layout, typography, spacing, color, imagery, and interaction patterns. Then list the decisions you will preserve and the parts you need me to clarify before you build.
Build the first version from a promptTurn the design analysis into a concrete build request with the intended audience, page content, technical constraints, and definition of done. Ask for a complete first version that you can inspect rather than isolated code fragments.
A useful build prompt combines the reference analysis with real content and a clear scope. Tell the agent which project it is working in, what it may change, which breakpoints and states matter, and how you will judge fidelity. Let it produce a working first pass, then review the result in the browser instead of debating the code line by line.
Build a complete responsive website from this reference. Match its hierarchy, proportions, typography, spacing, and interaction language while using my content. Preserve the existing project structure. Include accessible states and tell me when the first working version is ready to review.
Run it locally and preview itLearn the basic development loop: install the project, start its local server, open the local address in a browser, and keep the server running while you make changes. Treat the preview as the shared surface for reviewing the work.
Ask the agent to identify the project framework and package manager, install only what is required, and start the existing development command. Open the local URL it reports, usually an address such as localhost with a port number. Leave that terminal process running so saved code changes refresh in the browser, and stop it when the session is finished.
Make a change to one slicePick one contained section, such as the case-study opening or project card, and describe the intended change in design terms. Review that slice at desktop and mobile sizes before touching the rest of the site.
Choose a slice with a clear boundary and enough importance to prove the direction. Describe what should feel different, which elements must remain, and the evidence you will use to approve it. Ask the agent to limit its edits to that slice, review the live result at relevant sizes, and iterate until the pattern is genuinely ready to repeat.
Change only the [section name]. Keep everything else intact. The goal is [desired outcome]. Preserve [specific qualities] and adjust [layout, type, content, interaction]. Show me the result locally and summarize exactly what changed so I can review it before we continue.
Scale the approved patternOnce the slice works, ask AI to identify the reusable pattern and apply it consistently across related pages or components. Require it to preserve exceptions instead of flattening every part of the site into the same template.
Before scaling, name the rules that made the slice successful: typography, spacing, component structure, behavior, or content pattern. Ask the agent to find every true instance, list likely exceptions, and apply the change systematically. Review representative pages plus the exceptions, then check the change set for unrelated edits.
The updated [section or component] is approved. Extract its reusable design rules and apply them across [target pages or components]. Preserve intentional exceptions, avoid unrelated changes, and list every file or surface affected when complete.
Run a designer's QA passReview the finished experience as a system. Check responsive layout, hierarchy, contrast, keyboard navigation, copy, links, loading behavior, and consistency with the original design intent before considering it complete.
Test the full path a visitor will take, not just the section you edited. Check small, medium, and large viewports; keyboard focus and interactive states; readable contrast and type; real content lengths; links and media; loading and error behavior; and consistency with the source design. Let AI find defects, but personally verify every fix in the rendered experience.
Run a final QA pass on the website. Check desktop and mobile layout, visual hierarchy, typography, spacing, contrast, keyboard access, interactive states, copy, links, and consistency. Fix clear defects, flag subjective design decisions for me, and report what you verified.
1:45-1:55 / 10-minute break
Step away from the screen. Capture questions when you return.
1:55-2:40
45 min
Research with a point of view
Create a competitive benchmark and a portfolio critique grounded in evidence.
Set up 10 min / Benchmark 20 min / Review 15 min
0/4
Choose a comparison setCollect three to five relevant portfolios. Include peers, aspirational examples, and one contrasting approach.
Select examples that answer a real question rather than simply looking impressive. Include work aimed at a similar role or audience, one example that sets a higher bar, and one that solves the communication problem differently. Save the exact pages you want evaluated so the comparison stays focused and reproducible.
Define the rubric firstScore clarity, credibility, craft, strategic thinking, outcomes, and scanability using observable evidence.
Write the criteria before reviewing examples so the rubric does not bend toward whichever portfolio you like most. Define what evidence would indicate strong or weak performance for each criterion. Prefer notes tied to visible page content over unexplained numerical scores, then use the rubric consistently across every example and your own site.
Simulate multiple reviewersAsk a design leader, recruiter, and cross-functional partner what they notice, question, and remember.
Give each simulated reviewer a distinct goal and limited attention. A recruiter may scan for fit and clarity, a design leader may probe craft and decision quality, and a product partner may look for collaboration and commercial thinking. Compare where their feedback overlaps and treat persona-specific conclusions as hypotheses to validate with real people.
Separate findings from guessesRequire links or page evidence, label inferences, and verify important claims yourself.
Ask AI to place each conclusion into one of three groups: direct observation, reasonable inference, or unanswered question. Require the exact page, passage, or visible element behind an observation. Open the source yourself before acting on anything important, and discard claims that cannot be traced back to evidence.
Hiring-manager evaluation prompt
Review my portfolio as a hiring manager for a product design role at my target level. Compare it with these examples using this rubric: clarity, credibility, craft, strategic thinking, outcomes, and scanability. Cite the exact page evidence for every finding. Separate observations from inference. Give me the top three changes by hiring impact and effort.
2:40-3:40
60 min
Build an interview feedback loop
Use AI to prepare, practice, learn, and improve without sounding AI-generated.
Set up 10 min / Story bank 15 min / Mock 25 min / Debrief 10 min
0/5
Create candidate contextGive the coach the role, job description, resume, timeline, concerns, and preferred feedback directness.
Create a reusable context document containing the roles you want, your current resume, the job description, your portfolio, interview stage, constraints, and what worries you most. Tell the coach how direct to be and which facts it must never invent. Update this context as you learn more so each practice session builds on the last.
Build a story bankMine real experiences for decisions, collaboration, conflict, failures, outcomes, and lessons. Tag each by competency.
Collect stories before trying to perfect the wording. For each one, record the situation, your responsibility, the decision or action you personally took, the result, and what you learned. Tag stories by competencies such as craft, influence, ambiguity, conflict, leadership, or failure so you can retrieve the right example quickly under pressure.
Practice under pressureRun a mock interview with no feedback until the end. Add pushback and time constraints as confidence grows.
Begin with a realistic sequence of questions delivered one at a time. Answer aloud and have the coach withhold feedback until the mock ends so the rhythm resembles a real interview. In later rounds, add follow-up questions, skepticism, shorter time limits, or a question that does not match your prepared stories.
Close the loopUse a transcript to compare self-assessment with evidence, identify one bottleneck, and rehearse a better answer.
After a mock or real interview, first write down how you think it went. Then compare that impression with the transcript and evaluate substance, structure, relevance, credibility, and differentiation. Choose one recurring bottleneck, rewrite or rehearse the weakest moment, and carry one specific behavior into the next session.
Protect your own voiceKeep specific details and earned opinions. Reject polished answers that you would never naturally say.
AI can make every answer sound smooth and interchangeable. Keep the details only you would know, the tradeoffs you genuinely considered, and the opinions your experience has earned. Read every suggested answer aloud, remove language you would not use naturally, and practice from ideas rather than memorizing a script.
Interview practice prompt
Act as a rigorous design interview coach. Ask one question at a time and do not give feedback until the mock ends. Then assess substance, structure, relevance, credibility, and differentiation. Start by asking how I think I did. Identify one improvement I can practice immediately, while preserving my natural voice.
3:40-3:50 / 10-minute break
Step away from the screen. Capture questions when you return.
3:50-4:00
10 min
Make it a habit
Leave with one workflow to repeat, one boundary to protect, and one next experiment.
Reflect 5 min / Commit 5 min
0/4
Save one reusable workflowKeep the strongest prompt, useful source material, evaluation rubric, and final output together.
Store the inputs and process, not only the polished result. Keep the prompt, reference material, useful context, intermediate decisions, rubric, and final artifact in one clearly named folder or document. Add a short note explaining when to use the workflow again and what you would change next time.
Run the safe-to-share checkRemove confidential information, personal data, copyrighted material, and unsupported claims before uploading or publishing.
Before sending material to a model, ask whether you have permission to share every part of it and whether the chosen tool may retain it. Replace sensitive details with realistic placeholders when possible. Before publishing, verify sources, remove private information, confirm usage rights for assets, and take responsibility for every claim in the final work.
Name what AI changedDid it increase speed, range, confidence, or quality? Where did human judgment create the most value?
Compare the workflow with how you would have approached the task without AI. Note where it saved time, expanded the option space, exposed a blind spot, or introduced extra verification work. Identify the moments where your taste, product knowledge, or ethical judgment changed the result, since those are the capabilities worth strengthening.
Choose the next experimentPick one real portfolio or job-search task to complete this week using the same feedback loop.
Choose a task small enough to finish but real enough to matter. Define the artifact you will produce, the AI role, the evidence needed for approval, and the time you will spend. Schedule a short retrospective afterward and save what worked so the experiment becomes the start of a repeatable practice.
The lesson to leave with
AI at scale is not one enormous prompt. It is a series of focused passes, each with clear context, an artifact to review, and a human quality check.