PM ↔ Designer Translation Skill
Purpose
Bridge the communication gap between Product Managers and Designers by translating concepts bidirectionally:
- PM → Designer: Translate requirements into design-friendly briefs
- Designer → PM: Translate design rationale into business justification
When to Activate
Activation conditions (any one triggers):
- PM writing a design brief or spec
- Designer presenting design decisions to PM/stakeholders
- Disagreement about design direction
- Balancing user experience with business constraints
- Design review or critique sessions
PM → Designer Translation
Input: Product Requirement
Output: Design Brief
Translation Framework:
Feature Request → User Outcome
- "Add a dashboard" → "Users need to see status at a glance"
- Describe the outcome, not the UI
Business Goal → Design Constraint
- "Increase conversion" → "Primary CTA must be unmissable"
- Make business intent explicit
Edge Cases → Scenarios
- "Handle errors" → "Empty state, loading, error, success"
- List all states the design must address
Timeline → Scope Guidance
- "2 weeks" → "Focus on core flow, polish can follow"
- Help designers prioritize
Template: Design Brief
## Design Brief: [Feature Name]
### User Problem
Who is this for? What pain are we solving?
### Success Looks Like
What should users be able to do? How will we measure success?
### Constraints
- **Must have:** [Non-negotiables]
- **Timeline:** [Scope implications]
- **Technical:** [Platform, performance, accessibility]
- **Brand:** [Voice, visual guidelines]
### Scenarios to Cover
1. Happy path: [Description]
2. Empty state: [First-time user experience]
3. Error state: [What can go wrong]
4. Edge cases: [List specific scenarios]
### What's Out of Scope
[Explicitly list what NOT to design for now]
### Reference
[Competitor examples, inspiration, existing patterns]
### Open Questions
[Where we need design input, not just execution]
Designer → PM Translation
Input: Design Decision
Output: Business Justification
Translation Framework:
Aesthetic Choice → User Impact
- "More whitespace" → "Reduces cognitive load, faster task completion"
- Connect visual to outcome
UX Pattern → Business Metric
- "Progressive disclosure" → "Reduces drop-off by not overwhelming users"
- Link pattern to funnel impact
Interaction Design → User Behavior
- "Hover states and microinteractions" → "Builds confidence, reduces errors"
- Explain the psychology
Design System → Velocity
- "We need to standardize this" → "Speeds up future features by 40%"
- Frame consistency as investment
Template: Design Rationale
## Design Decision: [What we chose]
### The Choice
[One sentence: what we're recommending]
### Why This Approach
**User perspective:** [How it helps users]
**Business perspective:** [How it drives metrics]
**Technical perspective:** [Implementation considerations]
### Alternatives Considered
| Option | Pros | Cons | Why Not |
|--------|------|------|---------|
| [A] | | | |
| [B] | | | |
### Trade-offs
What we're giving up and why it's worth it.
### Evidence
- [User research supporting this]
- [Competitor/industry patterns]
- [Principles or heuristics applied]
### Next Steps
[What we need to move forward]
Common Translation Patterns
PM Says → Designer Hears → Better Way
| PM Says |
Designer Hears |
Better Translation |
| "Make it pop" |
Meaningless |
"Primary action needs to be the obvious first thing users see" |
| "Like Apple" |
Copy Apple |
"Aim for: minimal, confident, focused on one action per screen" |
| "Users are confused" |
My design failed |
"Users expected X but encountered Y. How might we bridge that gap?" |
| "Can we add a button?" |
PM designing |
"Users need to [action]. What's the best way to surface that?" |
| "This looks off" |
Vague criticism |
"I'm not sure this conveys [intended feeling]. Can we explore alternatives?" |
Designer Says → PM Hears → Better Way
| Designer Says |
PM Hears |
Better Translation |
| "This needs more exploration" |
Delay |
"3 options in 2 days, then decide. Here's why it matters..." |
| "It doesn't feel right" |
Vague pushback |
"This violates [principle]. Users will likely [problem]. Here's data..." |
| "We need a design system" |
Scope creep |
"Standardizing this saves X hours per feature. Propose: start with [subset]" |
| "Trust me on this" |
No justification |
"Here's the research/principle behind this. Happy to walk through it." |
Critique & Feedback Framework
Giving Design Feedback (PM → Designer)
Structure:
- Clarify intent: "Help me understand why..."
- State observation: "I notice that..."
- Share concern: "I'm worried users might..."
- Ask, don't dictate: "How might we...?"
❌ Don't:
- "Move the button to the left"
- "Make it bigger"
- "I don't like it"
✅ Do:
- "The primary action feels hidden. What are our options?"
- "This feels dense. What if we prioritized fewer elements?"
- "I'm not sure this matches the energy we want. Can we explore bolder directions?"
Presenting Design (Designer → PM)
Structure:
- Context: Remind them of the problem
- Solution: Show the design
- Rationale: Explain key decisions
- Trade-offs: What you considered
- Ask: What you need (approval, feedback, decision)
❌ Don't:
- Show work without context
- Get defensive about feedback
- Say "just trust me"
✅ Do:
- Tie every decision to user outcome or business goal
- Present 2-3 options when uncertain
- Separate "I need feedback" from "I need approval"
Negotiating Design vs. Business Constraints
When PM Pushes Back on Design
Designer response framework:
- Acknowledge the constraint
- Explain the user impact of compromise
- Offer alternatives with trade-offs
- Document the decision and risk
"I hear that timeline is tight. If we skip [X], users will
likely experience [Y]. Two alternatives:
A) Ship without [X], add in v1.1 — Risk: [Z]
B) Cut [other feature] to keep [X] — Risk: [W]
Which trade-off do we prefer?"
When Designer Pushes Back on PM Requirements
PM response framework:
- Clarify the business constraint
- Explore if constraint is real
- Collaborate on alternatives
- Decide together
"The reason for [requirement] is [business context].
Is there a design approach that achieves [goal] differently?
Open to alternatives that hit the same outcome."
Anti-Patterns
PM Anti-Patterns
- ❌ Designing in the spec ("Put a button here")
- ❌ "Make it like [competitor]" without context
- ❌ Changing requirements after design is done
- ❌ Skipping design for "simple" features
- ✅ Describe outcomes, provide context, stay open
Designer Anti-Patterns
- ❌ "It's a design thing, you wouldn't understand"
- ❌ Over-designing before validating problem
- ❌ Presenting only one option as fait accompli
- ❌ Ignoring technical or business constraints
- ✅ Justify decisions, offer options, collaborate
Response Principles
- Outcomes over outputs — focus on what users achieve, not what screens look like
- Both sides have expertise — PMs know business, designers know users/craft
- Constraints are creative — limitations often produce better solutions
- Show, don't tell — mockups and prototypes beat long discussions
- Critique the work, not the person — "This design" not "You designed"
1---2name: pm-designer-translation3description: Bidirectional translation between Product Managers and Designers. Helps PMs articulate requirements in design-friendly terms, and helps Designers explain design rationale in business terms. Bridges product thinking and design thinking.4---56# PM ↔ Designer Translation Skill78## Purpose910Bridge the communication gap between Product Managers and Designers by translating concepts bidirectionally:1112- **PM → Designer**: Translate requirements into design-friendly briefs13- **Designer → PM**: Translate design rationale into business justification1415## When to Activate1617**Activation conditions (any one triggers):**18- PM writing a design brief or spec19- Designer presenting design decisions to PM/stakeholders20- Disagreement about design direction21- Balancing user experience with business constraints22- Design review or critique sessions2324## PM → Designer Translation2526### Input: Product Requirement27### Output: Design Brief2829**Translation Framework:**30311. **Feature Request** → **User Outcome**32 - "Add a dashboard" → "Users need to see status at a glance"33 - Describe the outcome, not the UI34352. **Business Goal** → **Design Constraint**36 - "Increase conversion" → "Primary CTA must be unmissable"37 - Make business intent explicit38393. **Edge Cases** → **Scenarios**40 - "Handle errors" → "Empty state, loading, error, success"41 - List all states the design must address42434. **Timeline** → **Scope Guidance**44 - "2 weeks" → "Focus on core flow, polish can follow"45 - Help designers prioritize4647### Template: Design Brief4849```markdown50## Design Brief: [Feature Name]5152### User Problem53Who is this for? What pain are we solving?5455### Success Looks Like56What should users be able to do? How will we measure success?5758### Constraints59- **Must have:** [Non-negotiables]60- **Timeline:** [Scope implications]61- **Technical:** [Platform, performance, accessibility]62- **Brand:** [Voice, visual guidelines]6364### Scenarios to Cover651. Happy path: [Description]662. Empty state: [First-time user experience]673. Error state: [What can go wrong]684. Edge cases: [List specific scenarios]6970### What's Out of Scope71[Explicitly list what NOT to design for now]7273### Reference74[Competitor examples, inspiration, existing patterns]7576### Open Questions77[Where we need design input, not just execution]78```7980## Designer → PM Translation8182### Input: Design Decision83### Output: Business Justification8485**Translation Framework:**86871. **Aesthetic Choice** → **User Impact**88 - "More whitespace" → "Reduces cognitive load, faster task completion"89 - Connect visual to outcome90912. **UX Pattern** → **Business Metric**92 - "Progressive disclosure" → "Reduces drop-off by not overwhelming users"93 - Link pattern to funnel impact94953. **Interaction Design** → **User Behavior**96 - "Hover states and microinteractions" → "Builds confidence, reduces errors"97 - Explain the psychology98994. **Design System** → **Velocity**100 - "We need to standardize this" → "Speeds up future features by 40%"101 - Frame consistency as investment102103### Template: Design Rationale104105```markdown106## Design Decision: [What we chose]107108### The Choice109[One sentence: what we're recommending]110111### Why This Approach112**User perspective:** [How it helps users]113**Business perspective:** [How it drives metrics]114**Technical perspective:** [Implementation considerations]115116### Alternatives Considered117| Option | Pros | Cons | Why Not |118|--------|------|------|---------|119| [A] | | | |120| [B] | | | |121122### Trade-offs123What we're giving up and why it's worth it.124125### Evidence126- [User research supporting this]127- [Competitor/industry patterns]128- [Principles or heuristics applied]129130### Next Steps131[What we need to move forward]132```133134## Common Translation Patterns135136### PM Says → Designer Hears → Better Way137138| PM Says | Designer Hears | Better Translation |139|---------|----------------|-------------------|140| "Make it pop" | Meaningless | "Primary action needs to be the obvious first thing users see" |141| "Like Apple" | Copy Apple | "Aim for: minimal, confident, focused on one action per screen" |142| "Users are confused" | My design failed | "Users expected X but encountered Y. How might we bridge that gap?" |143| "Can we add a button?" | PM designing | "Users need to [action]. What's the best way to surface that?" |144| "This looks off" | Vague criticism | "I'm not sure this conveys [intended feeling]. Can we explore alternatives?" |145146### Designer Says → PM Hears → Better Way147148| Designer Says | PM Hears | Better Translation |149|---------------|----------|-------------------|150| "This needs more exploration" | Delay | "3 options in 2 days, then decide. Here's why it matters..." |151| "It doesn't feel right" | Vague pushback | "This violates [principle]. Users will likely [problem]. Here's data..." |152| "We need a design system" | Scope creep | "Standardizing this saves X hours per feature. Propose: start with [subset]" |153| "Trust me on this" | No justification | "Here's the research/principle behind this. Happy to walk through it." |154155## Critique & Feedback Framework156157### Giving Design Feedback (PM → Designer)158159**Structure:**1601. **Clarify intent:** "Help me understand why..."1612. **State observation:** "I notice that..."1623. **Share concern:** "I'm worried users might..."1634. **Ask, don't dictate:** "How might we...?"164165**❌ Don't:**166- "Move the button to the left"167- "Make it bigger"168- "I don't like it"169170**✅ Do:**171- "The primary action feels hidden. What are our options?"172- "This feels dense. What if we prioritized fewer elements?"173- "I'm not sure this matches the energy we want. Can we explore bolder directions?"174175### Presenting Design (Designer → PM)176177**Structure:**1781. **Context:** Remind them of the problem1792. **Solution:** Show the design1803. **Rationale:** Explain key decisions1814. **Trade-offs:** What you considered1825. **Ask:** What you need (approval, feedback, decision)183184**❌ Don't:**185- Show work without context186- Get defensive about feedback187- Say "just trust me"188189**✅ Do:**190- Tie every decision to user outcome or business goal191- Present 2-3 options when uncertain192- Separate "I need feedback" from "I need approval"193194## Negotiating Design vs. Business Constraints195196### When PM Pushes Back on Design197198**Designer response framework:**1991. **Acknowledge** the constraint2002. **Explain** the user impact of compromise2013. **Offer** alternatives with trade-offs2024. **Document** the decision and risk203204```markdown205"I hear that timeline is tight. If we skip [X], users will 206likely experience [Y]. Two alternatives:207208A) Ship without [X], add in v1.1 — Risk: [Z]209B) Cut [other feature] to keep [X] — Risk: [W]210211Which trade-off do we prefer?"212```213214### When Designer Pushes Back on PM Requirements215216**PM response framework:**2171. **Clarify** the business constraint2182. **Explore** if constraint is real2193. **Collaborate** on alternatives2204. **Decide** together221222```markdown223"The reason for [requirement] is [business context]. 224Is there a design approach that achieves [goal] differently? 225Open to alternatives that hit the same outcome."226```227228## Anti-Patterns229230### PM Anti-Patterns231- ❌ Designing in the spec ("Put a button here")232- ❌ "Make it like [competitor]" without context233- ❌ Changing requirements after design is done234- ❌ Skipping design for "simple" features235- ✅ Describe outcomes, provide context, stay open236237### Designer Anti-Patterns238- ❌ "It's a design thing, you wouldn't understand"239- ❌ Over-designing before validating problem240- ❌ Presenting only one option as fait accompli241- ❌ Ignoring technical or business constraints242- ✅ Justify decisions, offer options, collaborate243244## Response Principles245246- Outcomes over outputs — focus on what users achieve, not what screens look like247- Both sides have expertise — PMs know business, designers know users/craft248- Constraints are creative — limitations often produce better solutions249- Show, don't tell — mockups and prototypes beat long discussions250- Critique the work, not the person — "This design" not "You designed"