II.
Role overview
Reference · liverole:product-designer
Product Designer overview
Creates end-to-end design solutions from initial concept through high-fidelity prototypes, ensuring that user needs are central to every decision. Collaborates with UX researchers to ground designs in evidence and with engineers to ensure feasibility and faithful implementation. Owns the visual language, interaction patterns, and design system components within their product area.
Attributes
displayName
Product Designer
isAgentic
false
automatability
0.6
description
Creates end-to-end design solutions from initial concept through high-fidelity
prototypes, ensuring that user needs are central to every decision. Collaborates
with UX researchers to ground designs in evidence and with engineers to ensure
feasibility and faithful implementation. Owns the visual language, interaction
patterns, and design system components within their product area.
seniority
mid
Outgoing edges
applies_to1
- domain:web-development·DomainWeb Development
holds_responsibility3
- responsibility:user-research·ResponsibilityUser Research
- responsibility:documentation·ResponsibilityDocumentation
- responsibility:knowledge-sharing·ResponsibilityKnowledge Sharing
requires_expertise6
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:figma-prototyping·SkillAreaFigma Prototyping
- skill-area:web-accessibility·SkillAreaWeb Accessibility (a11y)
- skill-area:typography·SkillAreaUI Typography
- skill-area:color-theory·SkillAreaColor Theory for UI
- skill-area:motion-design·SkillAreaMotion Design
requires_skill2
- specialization:ux-ui-design·Specialization
- domain:web-development·DomainWeb Development
Incoming edges
delegates_to1
- role:design-lead·RoleDesign Lead
has_member3
- org-unit:frontend-team·OrgUnitFrontend Team
- org-unit:design-team·OrgUnitDesign Team
- org-unit:product-team·OrgUnitProduct Team
involves_role84
- workflow:feature-development·Workflow
- workflow:project-kickoff·WorkflowProject Kickoff
- workflow:product-discovery·WorkflowProduct Discovery
- workflow:game-prototype-iteration·WorkflowGame Prototype Iteration
- workflow:playtesting-feedback-loop·WorkflowPlaytesting Feedback Loop
- workflow:design-sprint·WorkflowDesign Sprint
- workflow:usability-testing-cycle·WorkflowUsability Testing Cycle
- workflow:youtube-video-ad-campaign·WorkflowYouTube Video Ad Campaign
- workflow:tiktok-short-form-ad-cycle·WorkflowTikTok Short-Form Ad Cycle
- workflow:social-media-ad-performance-review·WorkflowSocial Media Ad Performance Review
- workflow:ad-creative-production-cycle·WorkflowAd Creative Production Cycle
- workflow:exhibition-development-cycle·WorkflowExhibition Development Cycle
- workflow:partner-program-design·WorkflowPartner Program Design
- workflow:requirements-elicitation-workshop·WorkflowRequirements Elicitation Workshop
- workflow:user-story-refinement-session·WorkflowUser Story Refinement Session
- workflow:developer-advocacy-content-pipeline·WorkflowDeveloper Advocacy Content Pipeline
- workflow:community-feedback-to-product-loop·WorkflowCommunity Feedback to Product Loop
- workflow:community-gamification-design·WorkflowCommunity Gamification Design
- workflow:community-platform-setup·WorkflowCommunity Platform Setup
- workflow:community-ambassador-program-setup·WorkflowCommunity Ambassador Program Setup
- workflow:community-event-planning·WorkflowCommunity Event Planning
- workflow:developer-community-content-cycle·WorkflowDeveloper Community Content Cycle
- workflow:quarterly-planning·WorkflowQuarterly Planning
- workflow:nps-survey-cycle·WorkflowNPS Survey Cycle
- workflow:customer-journey-mapping-refresh·WorkflowCustomer Journey Mapping Refresh
- workflow:voice-of-customer-synthesis·WorkflowVoice of Customer Synthesis
- workflow:cx-measurement-framework-setup·WorkflowCX Measurement Framework Setup
- workflow:dashboard-development-cycle·WorkflowDashboard Development Cycle
- workflow:mobile-app-privacy-review·WorkflowMobile App Privacy Review
- workflow:accessibility-standards-compliance·WorkflowAccessibility Standards Compliance
- workflow:internal-hackathon·WorkflowInternal Hackathon
- workflow:sdk-adoption-tracking·WorkflowSDK Adoption Tracking
- workflow:developer-event-planning·WorkflowDeveloper Event Planning
- workflow:adaptive-learning-model-review·WorkflowAdaptive Learning Model Review
- workflow:student-engagement-analytics·WorkflowStudent Engagement Analytics
- workflow:learning-outcomes-assessment·WorkflowLearning Outcomes Assessment
- workflow:startup-mvp-validation·WorkflowStartup MVP Validation
- workflow:product-market-fit-assessment·WorkflowProduct-Market Fit Assessment
- workflow:design-sprint-process·WorkflowDesign Sprint Process
- workflow:design-to-shelf-pipeline·WorkflowDesign-to-Shelf Pipeline
- workflow:trend-forecasting-cycle·WorkflowTrend Forecasting Cycle
- workflow:game-economy-balancing-review·WorkflowGame Economy Balancing Review
- workflow:playtesting-coordination·WorkflowPlaytesting Coordination
- workflow:e-government-accessibility-audit·WorkflowE-Government Accessibility Audit
- workflow:product-led-growth-metrics-review·WorkflowProduct-Led Growth Metrics Review
- workflow:landing-page-optimization-cycle·WorkflowLanding Page Optimization Cycle
- workflow:conversion-funnel-optimization·WorkflowConversion Funnel Optimization
- workflow:growth-experiment-review·WorkflowGrowth Experiment Review
- workflow:referral-program-design·WorkflowReferral Program Design
- workflow:guest-experience-feedback-analysis·WorkflowGuest Experience Feedback Analysis
- workflow:employee-recognition-program-design·WorkflowEmployee Recognition Program Design
- workflow:video-content-production-cycle·WorkflowVideo Content Production Cycle
- workflow:social-media-organic-management·WorkflowSocial Media Organic Management
- workflow:user-generated-content-program·WorkflowUser-Generated Content Program
- workflow:influencer-partnership-management·WorkflowInfluencer Partnership Management
- workflow:event-marketing-coordination·WorkflowEvent Marketing Coordination
- workflow:product-marketing-launch·WorkflowProduct Marketing Launch
- workflow:brand-identity-refresh·WorkflowBrand Identity Refresh
- workflow:personalization-engine-optimization·WorkflowPersonalization Engine Optimization
- workflow:conversion-rate-experimentation·WorkflowConversion Rate Experimentation
- workflow:campaign-launch·WorkflowCampaign Launch
- workflow:brand-audit·WorkflowBrand Audit
- workflow:ab-experiment-lifecycle·WorkflowA/B Experiment Lifecycle
- workflow:data-storytelling-workshop·WorkflowData Storytelling Workshop
- workflow:user-research-session·WorkflowUser Research Session
- workflow:design-review·WorkflowDesign Review
- workflow:tenant-experience-optimization·WorkflowTenant Experience Optimization
- workflow:visual-regression-testing·WorkflowVisual Regression Testing
- workflow:design-system-maintenance·WorkflowDesign System Maintenance
- workflow:accessibility-audit·WorkflowAccessibility Audit
- workflow:demo-and-trial-conversion-management·WorkflowDemo and Trial Conversion Management
- workflow:competitive-displacement-playbook·WorkflowCompetitive Displacement Playbook
- workflow:smb-self-serve-funnel·WorkflowSMB Self-Serve Funnel
- workflow:sales-playbook-development·WorkflowSales Playbook Development
- workflow:sales-enablement-content-update·WorkflowSales Enablement Content Update
- workflow:in-app-support-widget-optimization·WorkflowIn-App Support Widget Optimization
- workflow:customer-feedback-triage·WorkflowCustomer Feedback Triage
- workflow:self-service-portal-content-review·WorkflowSelf-Service Portal Content Review
- workflow:design-ops-sprint·WorkflowDesign Ops Sprint
- workflow:usability-testing-cycle·WorkflowUsability Testing Cycle
- workflow:design-token-audit·WorkflowDesign Token Audit
- workflow:heuristic-evaluation-audit·WorkflowHeuristic Evaluation Audit
- workflow:design-system-maintenance·WorkflowDesign System Maintenance
- workflow:accessibility-audit·WorkflowAccessibility Audit
lib_involves_role100
- lib-agent:arts-culture--education-outreach-agent·LibraryAgenteducation-outreach-agent
- lib-agent:arts-culture--exhibition-designer-agent·LibraryAgentexhibition-designer-agent
- lib-agent:arts-culture--world-builder-agent·LibraryAgentworld-builder-agent
- lib-agent:education--accessibility-udl-specialist·LibraryAgentaccessibility-udl-specialist
- lib-agent:education--instructional-design-lead·LibraryAgentinstructional-design-lead
- lib-agent:education--learning-experience-designer·LibraryAgentlearning-experience-designer
- lib-agent:game-development--ui-artist·LibraryAgentui-artist
- lib-agent:ux-ui-design--accessibility-verifier·LibraryAgentaccessibility-verifier
- lib-agent:ux-ui-design--color-contrast-analyzer·LibraryAgentcolor-contrast-analyzer
- lib-agent:ux-ui-design--design-documentation·LibraryAgentdesign-documentation-agent
- lib-agent:ux-ui-design--design-mock-analyzer·LibraryAgentdesign-mock-analyzer
- lib-agent:ux-ui-design--design-token-manager·LibraryAgentdesign-token-manager
- lib-agent:ux-ui-design--developer-handoff·LibraryAgentdeveloper-handoff-agent
- lib-agent:ux-ui-design--emotional-design-analyst·LibraryAgentemotional-design-analyst
- lib-agent:ux-ui-design--figma-integration·LibraryAgentfigma-integration
- lib-agent:ux-ui-design--iconography-system·LibraryAgenticonography-system-agent
- lib-agent:ux-ui-design--information-architecture·LibraryAgentinformation-architecture-agent
- lib-agent:ux-ui-design--interaction-design·LibraryAgentinteraction-design-agent
- lib-agent:ux-ui-design--journey-map-visualizer·LibraryAgentjourney-map-visualizer
- lib-agent:ux-ui-design--refinement-planner·LibraryAgentrefinement-planner
- lib-agent:ux-ui-design--touch-target-optimizer·LibraryAgenttouch-target-optimizer
- lib-agent:ux-ui-design--typography-system·LibraryAgenttypography-system-agent
- lib-agent:ux-ui-design--usability-heuristics-evaluator·LibraryAgentusability-heuristics-evaluator
- lib-agent:ux-ui-design--visual-qa-scorer·LibraryAgentvisual-qa-scorer
- lib-agent:ux-ui-design--wcag-accessibility-auditor·LibraryAgentwcag-accessibility-auditor
- lib-agent:ux-ui-design--wireframe-generator·LibraryAgentwireframe-generator
- lib-process:customer-experience--churn-prevention·LibraryProcesschurn-prevention
- lib-process:customer-experience--closed-loop-feedback·LibraryProcessclosed-loop-feedback
- lib-process:customer-experience--csat-collection·LibraryProcesscsat-collection
- lib-process:customer-experience--customer-health-scoring·LibraryProcesscustomer-health-scoring
- lib-process:customer-experience--customer-journey-mapping·LibraryProcesscustomer-journey-mapping
- lib-process:customer-experience--customer-onboarding·LibraryProcesscustomer-onboarding
- lib-process:customer-experience--escalation-management·LibraryProcessescalation-management
- lib-process:customer-experience--fcr-optimization·LibraryProcessfcr-optimization
- lib-process:customer-experience--feedback-analysis-pipeline·LibraryProcessfeedback-analysis-pipeline
- lib-process:customer-experience--itil-incident-management·LibraryProcessitil-incident-management
- lib-process:customer-experience--kcs-implementation·LibraryProcesskcs-implementation
- lib-process:customer-experience--knowledge-base-development·LibraryProcessknowledge-base-development
- lib-process:customer-experience--nps-survey-program·LibraryProcessnps-survey-program
- lib-process:customer-experience--problem-management·LibraryProcessproblem-management
- lib-process:customer-experience--qbr-preparation·LibraryProcessqbr-preparation
- lib-process:customer-experience--self-service-optimization·LibraryProcessself-service-optimization
- lib-process:customer-experience--service-request-fulfillment·LibraryProcessservice-request-fulfillment
- lib-process:customer-experience--sla-management·LibraryProcesssla-management
- lib-process:customer-experience--ticket-triage-routing·LibraryProcessticket-triage-routing
- lib-process:customer-experience--touchpoint-optimization·LibraryProcesstouchpoint-optimization
- lib-process:ux-ui-design--ab-testing·LibraryProcessux-ui-design/ab-testing
- lib-process:ux-ui-design--accessibility-audit·LibraryProcessspecializations/ux-ui-design/accessibility-audit
- lib-process:ux-ui-design--analytics-heatmap·LibraryProcessspecializations/ux-ui-design/analytics-heatmap
- lib-process:ux-ui-design--card-sorting·LibraryProcessux-ui-design/card-sorting
- lib-process:ux-ui-design--component-library·LibraryProcessspecializations/ux-ui-design/component-library
- lib-process:ux-ui-design--design-critique·LibraryProcessux-ui-design/design-critique
- lib-process:ux-ui-design--design-handoff·LibraryProcessspecializations/ux-ui-design/design-handoff
- lib-process:ux-ui-design--design-language·LibraryProcessspecializations/ux-ui-design/design-language
- lib-process:ux-ui-design--design-qa·LibraryProcessspecializations/ux-ui-design/design-qa
- lib-process:ux-ui-design--design-sprint·LibraryProcessux-ui-design/design-sprint
- lib-process:ux-ui-design--design-system·LibraryProcessspecializations/ux-ui-design/design-system
- lib-process:ux-ui-design--hifi-prototyping·LibraryProcessspecializations/ux-ui-design/hifi-prototyping
- lib-process:ux-ui-design--information-architecture·LibraryProcessux-ui-design/information-architecture
- lib-process:ux-ui-design--persona-development·LibraryProcessspecializations/ux-ui-design/persona-development
- lib-process:ux-ui-design--pixel-perfect-implementation·LibraryProcessspecializations/ux-ui-design/pixel-perfect-implementation
- lib-process:ux-ui-design--responsive-design·LibraryProcessspecializations/ux-ui-design/responsive-design
- lib-process:ux-ui-design--storybook-documentation·LibraryProcessspecializations/ux-ui-design/storybook-documentation
- lib-process:ux-ui-design--usability-testing·LibraryProcessspecializations/ux-ui-design/usability-testing
- lib-process:ux-ui-design--user-feedback·LibraryProcessspecializations/ux-ui-design/user-feedback
- lib-process:ux-ui-design--user-journey-mapping·LibraryProcessspecializations/ux-ui-design/user-journey-mapping
- lib-process:ux-ui-design--user-research·LibraryProcessux-ui-design/user-research
- lib-process:ux-ui-design--ux-writing·LibraryProcessux-ui-design/ux-writing
- lib-process:ux-ui-design--wcag-compliance·LibraryProcessspecializations/ux-ui-design/wcag-compliance
- lib-process:ux-ui-design--wireframing·LibraryProcessux-ui-design/wireframing
- lib-process:web-development--component-library-radix·LibraryProcesscomponent-library-radix
- lib-process:web-development--mobile-first-responsive·LibraryProcessmobile-first-responsive
- lib-process:web-development--tailwind-design-system·LibraryProcesstailwind-design-system
- lib-skill:arts-culture--world-building·LibrarySkillworld-building
- lib-skill:arts-culture--accessibility-compliance·LibrarySkillaccessibility-compliance
- lib-skill:arts-culture--exhibition-design·LibrarySkillexhibition-design
- lib-skill:education--elearning-storyboarding·LibrarySkillelearning-storyboarding
- lib-skill:education--learning-transfer-design·LibrarySkilllearning-transfer-design
- lib-skill:education--multimedia-learning-design·LibrarySkillmultimedia-learning-design
- lib-skill:game-development--accessibility-games·LibrarySkillaccessibility-games
- lib-skill:ux-ui-design--accessibility-report·LibrarySkillaccessibility-report
- lib-skill:ux-ui-design--animation-spec·LibrarySkillanimation-spec
- lib-skill:ux-ui-design--axe-accessibility·LibrarySkillaxe-accessibility
- lib-skill:ux-ui-design--color-palette-generator·LibrarySkillcolor-palette-generator
- lib-skill:ux-ui-design--component-inventory·LibrarySkillcomponent-inventory
- lib-skill:ux-ui-design--contrast-checker·LibrarySkillcontrast-checker
- lib-skill:ux-ui-design--design-system-validator·LibrarySkilldesign-system-validator
- lib-skill:ux-ui-design--design-token-transformer·LibrarySkilldesign-token-transformer
- lib-skill:ux-ui-design--figma-api·LibrarySkillfigma-api
- lib-skill:ux-ui-design--mock-spec-extractor·LibrarySkillmock-spec-extractor
- lib-skill:ux-ui-design--persona-template·LibrarySkillpersona-template
- lib-skill:ux-ui-design--prototype-interaction·LibrarySkillprototype-interaction
- lib-skill:ux-ui-design--typography-calculator·LibrarySkilltypography-calculator
- lib-skill:ux-ui-design--user-flow-diagram·LibrarySkilluser-flow-diagram
- lib-skill:ux-ui-design--visual-diff-scorer·LibrarySkillvisual-diff-scorer
- lib-skill:web-development--design-tokens·LibrarySkilldesign-tokens
- lib-skill:web-development--radix-ui·LibrarySkillradix-ui
- lib-skill:web-development--shadcn·LibrarySkillshadcn
- lib-skill:web-development--storybook·LibrarySkillstorybook
- lib-skill:web-development--tailwind-css·LibrarySkilltailwind-css
supports_work4
- tool:adobe-creative-cloud·ToolAdobe Creative Cloud
- tool:storybook·ToolStorybook
- tool-server:mcp-figma·ToolServerMCP Figma
- tool-server:mcp-adobe-creative-cloud-candidate·ToolServerAdobe Creative Cloud MCP candidate
used_by_role3
- stack-profile:project-management-app·StackProfileProject Management App Stack (React, WebSocket, PostgreSQL, Redis, Docker)
- stack-profile:storybook-design-system·StackProfileStorybook Design System Stack (React, Storybook, Chromatic, Tailwind, TypeScript)
- stack-profile:visual-regression-testing·StackProfileVisual Regression Testing (Chromatic, Storybook, Playwright, React, TypeScript)