Staff Product Designer, Design Systems

📍 Job Overview

Job Title: Staff Product Designer, Design Systems

Company: HubSpot

Location: Remote - USA

Job Type: Full-Time

Category: Design Systems / Product Design

Date Posted: 2026-08-14

Experience Level: 10+ years

Remote Status: Fully Remote (USA)

🚀 Role Summary

• Lead the evolution of HubSpot's enterprise design system, Trellis, focusing on core areas like tokens, components, or patterns to enhance platform-wide product development.

• Drive strategic initiatives to make Trellis more scalable, accessible, and AI-native, impacting how designers, engineers, and AI tools build product.

• Champion systems thinking and product craft at a staff level, balancing consistency, flexibility, and technical constraints across a complex B2B SaaS platform.

• Foster strong cross-functional partnerships with Product, Engineering, Research, and Design Technology to ensure system adoption and implementation quality.

📝 Enhancement Note: This role is critical for establishing the foundational design infrastructure at HubSpot, especially as the company integrates AI into its product development lifecycle. The "Staff" level indicates significant autonomy and influence over strategic direction and execution.

📈 Primary Responsibilities

• Own and evolve a major focus area within Trellis: Tokens and Visual Language, Components, or Patterns, ensuring its scalability, accessibility, and practical implementability.

• Partner closely with Product Management, Engineering, Content Design, and Research to define and document robust system guidance that balances user needs, technical constraints, and business objectives.

• Make high-judgment decisions on system architecture, visual language, component behavior, and interaction models that impact multiple product teams and the overall customer experience.

• Reduce fragmentation across HubSpot’s product portfolio by creating trusted, self-serve foundations that encourage adoption and contribution from various teams.

• Improve the fidelity and alignment between design artifacts (Figma), system documentation, and front-end code implementation to minimize misuse and maximize efficiency.

• Develop clear and comprehensive documentation, usage guidelines, and best practices tailored for designers, engineers, and emerging AI-assisted product development tools.

• Proactively identify and address adoption friction, edge cases, and emerging needs by collaborating directly with product teams utilizing the design system.

• Contribute to the evolution of governance and contribution models for Trellis, ensuring the system can adapt and grow without introducing drift or technical debt.

• Uphold and advance accessibility, internationalization, responsive behavior, and overall implementation quality as non-negotiable requirements of the design system.

• Collaborate with Design Technologists and Engineers on API design for components, semantic structure for design tokens, implementation fidelity standards, and system tooling enhancements.

• Maintain a high quality bar for the design system while actively building trust and fostering strong relationships with engineering and product stakeholders across the organization.

• Drive initiatives to make Trellis more machine-readable, enabling AI coding tools, MCP integrations, and future generative UI workflows.

📝 Enhancement Note: The responsibilities emphasize strategic ownership and cross-functional leadership, typical of a Staff-level role. The focus on AI integration highlights a forward-thinking approach to design systems as product infrastructure.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio and demonstrated experience in complex design systems are paramount. Bachelor's degree in Design, HCI, Computer Science, or a related field is often preferred.

Experience: Extensive experience (10+ years) in enterprise design systems, complex multi-product platforms, or product foundations is essential. Candidates should have a proven track record of driving system-level impact and influencing product strategy.

Required Skills:

• Extensive experience with enterprise design systems or complex multi-product platforms, including governance, adoption, documentation, accessibility, contribution models, and cross-team influence.

• A strong spike in one or more of the following areas: tokens and visual language, reusable components, product patterns, accessibility, documentation, governance, adoption, or Figma-to-code alignment.

• Deep experience in at least one of the following environments: enterprise SaaS, CRM, developer tools, commerce, data-heavy products, AI-assisted workflows, or other complex product contexts.

• Demonstrated experience designing and evolving reusable components, covering anatomy, states, variants, behaviors, accessibility, responsive rules, and implementation constraints.

• Proven ability to own and advance visual foundations at scale, including design tokens, theming, color systems, typography hierarchies, iconography standards, and motion principles.

• Strong partnership experience with engineering teams on component APIs, design token architecture, implementation fidelity, and front-end architecture.

• A track record of improving system adoption, refining contribution models, establishing governance frameworks, managing migrations, and enabling product teams.

• Staff-level autonomy: ability to identify critical problems, set strategic direction, influence stakeholders, and drive resolution with minimal oversight.

• Exceptional product craft, with the ability to expertly balance consistency, flexibility, usability, accessibility, and implementation realities.

• Demonstrated curiosity and rigor in evolving design systems to support AI-assisted product development and generative UI workflows.

• Portfolio showcasing system-level work that demonstrates strategic thinking and impact, not just isolated screens or visual explorations.

• Clear and compelling communication of complex system decisions to diverse audiences, including designers, engineers, product leaders, and non-specialist stakeholders. Preferred Skills:

• Experience with design technology tooling and workflows that enhance design system efficiency and integration.

• Familiarity with modern front-end development frameworks and their implications for design system implementation.

• Experience in user research and usability testing specifically for design system components and patterns.

• Knowledge of emerging trends in AI and their potential impact on design systems and product development.

📝 Enhancement Note: The required skills emphasize a deep understanding of design systems as product infrastructure, not just UI libraries. The "Staff-level autonomy" and "strong engineering partnership" are key indicators of the role's seniority and collaborative nature.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate system-level thinking by showcasing how you've contributed to or led the development of enterprise-level design systems or complex platform foundations.

• Include case studies that highlight your strategic approach to problem-solving, detailing the challenges, your solutions, and the measurable impact of your work on product development speed, quality, or consistency.

• Present examples of how you've managed the lifecycle of components, patterns, or visual tokens, from initial definition and design to documentation, implementation, and adoption.

• Showcase your ability to balance competing needs – such as consistency vs. flexibility, technical constraints vs. user experience, and centralized control vs. decentralized contribution – within a design system context. Process Documentation:

• Examples of how you have documented complex design decisions, system guidelines, and usage patterns in a way that is accessible and actionable for designers, engineers, and other stakeholders.

• Evidence of processes you've established or improved for design system contribution, governance, and maintenance, ensuring the system remains robust and evolves effectively.

• Demonstrate your approach to measuring the effectiveness and adoption of design system elements, including how you gather feedback and iterate based on data and user insights.

• Showcase your ability to translate system requirements into clear specifications for implementation, including details on states, variants, accessibility standards, and responsive behavior.

📝 Enhancement Note: For a Staff-level Design Systems role, the portfolio is crucial for demonstrating strategic impact and systems thinking. It should go beyond visual design to illustrate process, collaboration, and influence on product development infrastructure.

💵 Compensation & Benefits

Salary Range: $190,100 - $304,200 USD Annually

Benefits:

• Equity Plan: Eligibility to participate in HubSpot’s equity plan, including Restricted Stock Units (RSUs).

• Annual Bonus: On-target bonuses under HubSpot’s annual bonus plan are typically included for eligible roles.

• Comprehensive Health & Wellness: Access to a range of benefits designed to support employee well-being.

• Professional Development: Opportunities for continuous learning, skill enhancement, and career growth, including potential for conferences and certifications.

• Flexible Work Environment: Support for a remote work arrangement, promoting work-life integration.

• Retirement Savings: Potential for employer-matched retirement savings plans.

• Paid Time Off: Generous paid time off policies for vacation, personal days, and holidays.

Working Hours: The role is expected to align with a standard 40-hour work week, with flexibility to accommodate remote work and asynchronous collaboration across US time zones.

📝 Enhancement Note: The provided salary range is competitive for a Staff Product Designer role in the US tech market, reflecting the seniority and specialized skills required. The benefits package is typical for a growing tech company, with a strong emphasis on equity and professional growth.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software, specifically CRM, Marketing, Sales, and Service software, with a strong focus on AI-powered solutions.

Company Size: HubSpot is a large, publicly traded company, indicated by its extensive employee base and global presence.

Founded: HubSpot was founded in 2006, positioning it as an established player in the SaaS market with a history of innovation and growth.

Team Structure:

• The Trellis design system team is a specialized group within HubSpot's broader UX organization, likely comprising designers, design technologists, and potentially engineers focused on system development and maintenance.

• As a Staff-level IC, you will report into a Design Lead or Director within the Design Systems or Core Product organization, with a highly collaborative relationship with Product Management and Engineering counterparts.

• The team operates with a high degree of autonomy, focused on establishing and evolving the foundational design infrastructure that supports numerous product teams across HubSpot's diverse product suite. Methodology:

• Data-Driven Decisions: Emphasis on using data, research, and user feedback to inform system design and evolution.

• Systems Thinking & Pragmatism: A core approach to understanding how components, tokens, and patterns interact and influence the entire platform, balancing theoretical ideals with practical implementation realities.

• Agile & Iterative Development: The design system is treated as a living product, with continuous iteration, feedback loops, and updates to meet evolving product needs and technological advancements, including AI.

• Cross-Functional Collaboration: A deeply ingrained methodology of working in partnership with Product, Engineering, and other UX disciplines to ensure alignment and successful integration of the design system.

Company Website: https://www.hubspot.com/

📝 Enhancement Note: HubSpot's culture emphasizes "boldness," "learning fast," and "solving for the customer." For a design systems role, this translates to a proactive, innovative, and user-centric approach to building foundational product infrastructure.

📈 Career & Growth Analysis

Operations Career Level: Staff Product Designer. This is a senior individual contributor role requiring deep expertise, strategic thinking, and the ability to influence direction across multiple teams and product lines. It signifies a transition from executing design tasks to shaping the foundational systems that enable product development at scale.

Reporting Structure: This role typically reports to a Design Lead, Director of Design Systems, or a senior leader within the Core Product or UX organization. You will collaborate closely with Product Managers, Engineering Leads, and other Staff Designers.

Operations Impact: Your work will directly impact the efficiency, quality, and consistency of product development across HubSpot. By providing robust design system foundations, you will enable product teams to build faster, reduce redundant efforts, improve user experience, and ensure brand coherence, ultimately contributing to customer satisfaction and business growth. The integration of AI into the design system will further amplify this impact by enabling new workflows and efficiencies.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific areas of design systems, such as advanced token architecture, component API design, or AI integration for design systems.

• Leadership & Mentorship: Mentor junior designers and design technologists, and potentially lead initiatives or working groups within the design systems space.

• Strategic Influence: Grow into a role with broader influence over product strategy and platform architecture, shaping how HubSpot approaches product development.

• Industry Recognition: Contribute to the design systems community through speaking engagements, articles, or open-source contributions, enhancing personal and company reputation.

• Cross-Functional Mobility: Develop deep partnerships across Product, Engineering, and Research, opening doors to opportunities in platform strategy, product management, or technical leadership roles.

📝 Enhancement Note: The Staff-level designation implies a significant degree of autonomy and the opportunity to shape long-term strategy. Growth paths are likely focused on increasing influence, technical depth, and leadership within the design systems domain or broader product organization.

🌐 Work Environment

Office Type: This is a fully remote role within the USA. While HubSpot has physical offices, this position is designed for remote work, offering flexibility.

Office Location(s): While the role is remote, HubSpot has offices in various locations, and there may be expectations for occasional in-person collaboration or onboarding events at a regional HubSpot office, particularly for engineering and product teams. The primary work environment will be digital and remote.

Workspace Context:

• Digital Collaboration Hub: The primary workspace will be digital, leveraging tools like Slack, Zoom, Figma, and project management software for communication, collaboration, and design execution.

• Asynchronous Communication: A significant portion of collaboration will likely be asynchronous, requiring clear documentation and effective written communication to bridge time zone differences.

• Focus on Autonomy: The remote, staff-level nature of the role implies a need for self-discipline, proactive communication, and the ability to manage one's own time and tasks effectively.

• Access to Tools: Expect access to a comprehensive suite of design and productivity tools necessary for high-level design systems work.

Work Schedule: While the role is full-time (approximately 40 hours/week), the remote nature allows for flexibility in structuring the workday. However, core hours for synchronous collaboration and meetings will be expected, generally aligning with US business hours.

📝 Enhancement Note: The emphasis on remote work and asynchronous communication suggests a culture that values output and flexibility, while still recognizing the importance of connection and collaboration, potentially through scheduled virtual or occasional in-person events.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will review your application and resume, focusing on experience with design systems, complex platforms, and staff-level contributions.

• Portfolio Review & Initial Conversation: You'll likely have a conversation with a hiring manager or senior designer to discuss your portfolio, specifically focusing on your systems-level thinking, strategic impact, and relevant experience (tokens, components, or patterns).

• Design Deep Dive(s): Expect one or more sessions with cross-functional partners (e.g., other designers, design technologists, engineers) to delve into your approach to specific design system challenges, problem-solving methodologies, and technical understanding. This may involve discussing hypothetical scenarios or past projects in detail.

• Cross-Functional Collaboration Interview: An interview focused on your ability to partner effectively with engineering, product management, and research, assessing your communication, influence, and collaboration skills.

• Staff-Level Strategic Discussion: A final interview, potentially with a Director or VP, to assess your strategic vision, leadership potential, and alignment with HubSpot's culture and values.

Portfolio Review Tips:

• Focus on Systems, Not Screens: Prioritize case studies that demonstrate your impact on a design system or platform, showing the strategic thinking behind your decisions, not just polished UI mockups.

• Quantify Impact: Where possible, include metrics or qualitative feedback that demonstrates the success of your system contributions (e.g., improved adoption rates, reduced development time, increased consistency scores).

• Showcase Your Process: Clearly articulate your problem-solving methodology, how you collaborated with stakeholders, and the rationale behind your key design decisions.

• Highlight Your Specialization: Clearly indicate your primary area of expertise (tokens, components, or patterns) while also demonstrating an understanding of how it connects to the broader system.

• Address AI Integration: If you have experience or thoughtful ideas about how design systems can integrate with AI tools, be prepared to discuss them.

Challenge Preparation:

• System Design Challenge: Be prepared for a hypothetical challenge where you might need to outline how you would approach evolving a specific part of the design system (e.g., defining new tokens, designing a complex component, or establishing a pattern for a new AI feature).

• Stakeholder Management Scenarios: Practice articulating complex technical or design decisions to both technical and non-technical audiences, explaining trade-offs and gaining buy-in.

• Contribution Model Discussion: Be ready to discuss how you would encourage adoption and contributions to a design system within a large organization.

📝 Enhancement Note: The interview process is structured to assess depth of expertise, strategic thinking, and cross-functional collaboration at a senior level. The portfolio is a critical tool for demonstrating systems-level impact.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for design, prototyping, and collaboration within the design system. Proficiency in advanced Figma features, component libraries, and collaboration workflows is expected.

• Design System Platforms/Tools: Familiarity with tools or methodologies for managing design tokens, component libraries, and documentation (e.g., Storybook, Zeroheight, custom internal tools).

• Project Management Software: Tools like Asana, Jira, or Trello for tracking tasks, managing workflows, and collaborating with engineering teams.

Analytics & Reporting:

• Internal Analytics Tools: Experience with or ability to interpret data from internal systems used to track design system adoption, component usage, and implementation fidelity.

• User Feedback Platforms: Tools for gathering and analyzing qualitative feedback from product teams and end-users.

CRM & Automation:

• HubSpot CRM: While not directly a design system tool, understanding the core HubSpot product and its CRM functionality can provide valuable context for the design system's application.

• Workflow Automation Tools: Familiarity with concepts of workflow automation as they relate to design systems and product development processes.

📝 Enhancement Note: The emphasis on Figma and design system-specific tools is standard. The role also requires an understanding of how design system usage is tracked and how feedback is collected, highlighting the system's role as a product in itself.

👥 Team Culture & Values

Operations Values:

• Solve for the Customer: A core HubSpot value that translates to ensuring the design system directly supports customer needs by enabling better product experiences.

• Be Bold: Encourages innovation and taking calculated risks, which is essential for evolving a design system, especially with new technologies like AI.

• Learn Fast: A commitment to continuous learning and adaptation, crucial for staying ahead of design and technology trends, particularly in the AI space.

• Align, Adapt & Go!: Emphasizes clear communication, flexibility, and decisive action to move initiatives forward efficiently.

• Deliver with HEART (Humble, Empathetic, Adaptable, Resilient, Transparent): These values foster a collaborative, respectful, and effective working environment, essential for complex cross-functional projects.

Collaboration Style:

• Partnership-Oriented: Works closely with Product, Engineering, Research, and other UX disciplines as equal partners, fostering a shared sense of ownership.

• Transparent Communication: Openly shares design decisions, challenges, and progress, encouraging feedback and dialogue.

• Data-Informed and User-Centric: Leverages research and data to support decisions, always with the end-user experience in mind.

• Systematic and Iterative: Approaches problems with a structured, systems-thinking mindset, but is agile and adaptable in refining solutions based on feedback and new insights.

📝 Enhancement Note: HubSpot’s core values are deeply integrated into its culture, influencing how teams collaborate and make decisions. For this role, understanding these values is key to navigating the organization and driving successful design system initiatives.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling a Mature System: Evolving a design system that already supports a large, established product suite requires careful planning, robust migration strategies, and strong stakeholder management to avoid disruption.

• Balancing Centralization vs. Decentralization: Determining the right level of control and contribution for a design system used by many teams, ensuring consistency without stifling innovation or speed.

• Integrating AI: Defining how a design system can effectively support and be supported by AI-driven product development tools, requiring forward-thinking and experimental approaches.

• Driving Adoption and Governance: Overcoming resistance to change, ensuring teams understand and utilize the system correctly, and establishing clear governance models for contributions and updates.

• Bridging Design and Engineering: Maintaining seamless alignment between design intent in Figma and front-end implementation, especially as technologies evolve.

Learning & Development Opportunities:

• Advanced Design Systems Theory: Deepen knowledge in areas like semantic token architecture, advanced component patterns, and design system governance frameworks.

• AI in Design & Development: Explore how AI is transforming product design and development workflows, and how design systems can adapt to these changes.

• Cross-Functional Expertise: Gain deeper insights into product management, engineering practices, and user research methodologies through close collaboration.

• Leadership Skills: Develop strategic leadership skills through influencing cross-functional teams, mentoring, and contributing to long-term platform strategy.

• Industry Engagement: Opportunities to present at conferences, write articles, or contribute to the broader design systems community, building personal brand and expertise.

📝 Enhancement Note: The challenges presented are inherent to working on large-scale design systems, particularly in rapidly evolving tech environments like HubSpot. The growth opportunities are geared towards increasing strategic impact and technical mastery.

💡 Interview Preparation

Strategy Questions:

• "How would you approach evolving our design system’s token architecture to better support AI-assisted development workflows and ensure semantic meaning is clear to machines?"

  • Preparation: Research current trends in semantic design tokens, AI's role in code generation, and how to structure design tokens for machine readability. Prepare to discuss your thought process for defining new token types or restructuring existing ones.

• "Describe a time you had to influence multiple product teams to adopt a new component or pattern. What was your strategy, and what were the outcomes?"

  • Preparation: Select a strong case study from your portfolio that demonstrates influence, collaboration, and adoption. Focus on your communication strategy, how you addressed concerns, and the measurable impact.

• "If you were responsible for the 'Components' area of Trellis, what would be your top 3 priorities in the first 90 days, and why?"

  • Preparation: Consider the current state of a large design system. Priorities might include assessing existing component health, identifying fragmentation, defining contribution guidelines, or planning for modernization. Justify your choices based on impact and feasibility.

Company & Culture Questions:

• "How do HubSpot's core values (Solve for the Customer, Be Bold, Learn Fast, Align, Adapt & Go!, Deliver with HEART) resonate with your approach to working on a design system?"

  • Preparation: Research each value and prepare specific examples of how your past work or approach aligns with them. Consider how these values apply to the unique challenges of design systems.

• "Given our focus on AI-native experiences, what do you see as the biggest opportunities and challenges for a design system like Trellis?"

  • Preparation: Think about how AI impacts UI generation, component behavior, and developer workflows. Consider how the design system can serve as an enabler or constraint for these AI-driven initiatives.

• "How do you approach building trust and strong working relationships with engineering partners when defining component APIs and implementation standards?"

  • Preparation: Focus on communication, understanding technical constraints, collaborative problem-solving, and demonstrating the value of design system standards.

Portfolio Presentation Strategy:

• Structure for Impact: Begin with a high-level overview of your systems-thinking philosophy and your strongest system-level impact story.

• Deep Dive on Specialization: Dedicate significant time to showcasing your expertise in your chosen area (tokens, components, or patterns), detailing the problem, your solution, and the results.

• Demonstrate Cross-Functional Collaboration: Highlight instances where you worked effectively with engineering, product, and research, explaining your role and contributions.

• Address AI/Future Trends: If relevant, discuss how your work or thinking anticipates future trends, such as AI integration.

• Concise and Engaging: Keep your presentation focused, clear, and engaging. Be prepared for deep dives into any aspect of your work.

📝 Enhancement Note: Preparation should focus on demonstrating strategic thinking, systems-level impact, and cross-functional collaboration, aligning with the seniority of a Staff role and HubSpot's specific focus on AI and customer-centricity.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on the HubSpot careers page.

• Curate Your Portfolio: Ensure your portfolio prominently features case studies that showcase your experience with enterprise design systems, your strategic approach, and measurable impact. Prioritize system-level work over individual screen designs.

• Optimize Your Resume: Tailor your resume to highlight keywords relevant to design systems, platform design, staff-level contributions, AI integration, and cross-functional leadership. Emphasize achievements and responsibilities that align with the job description.

• Prepare Your Narrative: Practice articulating your experience and insights clearly and concisely, especially concerning your chosen specialization (tokens, components, or patterns) and your understanding of design systems as product infrastructure. Be ready to discuss your portfolio in detail.

• Research HubSpot: Familiarize yourself with HubSpot's products, mission, values, and recent initiatives, particularly regarding AI and their design system (Trellis). Understand how your role contributes to their overall business objectives.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.