Job description

About the Team People love using HubSpot because it’s an essential product that gives them the tools and insights they need to grow their business. Trellis is HubSpot’s enterprise design system, the shared foundation that powers product surfaces across CRM, Marketing Hub, Sales Hub, Service Hub, Commerce Hub, Breeze AI, and the growing portfolio of agentic experiences. Trellis is not a style guide or a Figma library. It is the connective tissue between design intent and product reality at scale: a living system of tokens, components, patterns, documentation, and tooling that designers and engineers across HubSpot depend on every day to build with speed, quality, accessibility, and consistency. We are at a defining inflection point. AI is fundamentally expanding what a design system needs to be. In the AI native era, Trellis must be machine readable as well as human readable. Tokens need semantic structure that AI tools can reason about. Components and patterns need usage guidance that helps teams make better decisions earlier. Documentation needs to serve the designer working in Figma, the engineer implementing in code, and the AI assisted tool generating product UI. This is the environment you’re stepping into, and it is exactly the right moment to shape how HubSpot builds. About this Role We are hiring three Staff Product Designers to help shape the next phase of Trellis, HubSpot’s enterprise design system. These roles share the same broader mission: helping product teams across HubSpot build faster, more consistently, and with a higher quality bar as our platform becomes more connected, adaptive, and AI native. Each role will focus on a different part of the system: Tokens and Visual Language This role owns the foundational visual system behind Trellis, including color, typography, spacing, iconography, motion, theming, density, semantic tokens, and the visual quality bar for how HubSpot shows up in product. This person will help evolve Trellis’ token architecture and visual language so it can scale across product surfaces, support AI assisted development, and remain coherent as the platform grows. Components This role owns the reusable building blocks product teams use every day, including component anatomy, behavior, variants, states, accessibility, documentation, implementation guidance, and Figma to code alignment. This person will help define what belongs in the shared system, how components should behave, and how Trellis can reduce fragmentation across teams without slowing product development. Patterns This role owns the repeatable product behaviors and interaction models that show up across HubSpot, such as creation, editing, filtering, search, object management, permissions, notifications, recommendations, and AI assisted workflows. This person will help product teams solve common problems in more consistent ways and make HubSpot feel more coherent across connected customer workflows. Across all three roles, you’ll work at the intersection of product design, systems thinking, craft, engineering partnership, governance, adoption, documentation, and implementation quality. You will make decisions that affect many product teams and help define how a large B2B platform builds product in an AI native era. This is not a role where you simply maintain what exists. Trellis is in a multi-year modernization journey, and this team is helping make the system trusted, self-serve, and useful in day-to-day product development. You will help reduce fragmentation, improve system adoption, shape contribution models, and create the shared foundations that let HubSpot build with more speed and quality at scale. In this role, you’ll: Own and evolve a major focus area within Trellis, either Tokens and Visual Language, Components, or Patterns Partner with product, engineering, content design, research, and design technology to define system guidance that is usable, scalable, accessible, and practical to implement Make high-judgment system decisions that balance consistency, flexibility, accessibility, technical constraints, product team needs, and customer experience Help reduce fragmentation across HubSpot by creating shared foundations that teams can trust, adopt, and contribute to Improve alignment between Figma, documentation, and front-end implementation so Trellis becomes easier to use and harder to misuse Define documentation and usage guidance that helps designers, engineers, and AI assisted tools understand how to apply the system correctly Partner with product teams to understand adoption friction, edge cases, implementation gaps, and emerging needs Contribute to governance and contribution models that allow Trellis to evolve without creating drift Support accessibility, internationalization, responsive behavior, and implementation quality as core requirements of the system Collaborate with design technologists and engineers on component APIs, design tokens, implementation fidelity, usage constraints, acceptance criteria, and system tooling Hold a high quality bar for the system while building trust with teams across the organization Help Trellis become more machine readable as well as human readable, so it can support AI coding tools, MCP integrations, and future generative UI workflows Who We’re Looking For We’re looking for systems-minded product designers who have worked at the scale where design systems become product infrastructure. You understand that enterprise design systems are not just libraries of reusable UI. They are operating systems for how teams build, adopt, govern, and evolve product experiences across a large platform. You may come from a background in design systems, product foundations, platform design, visual systems, component libraries, interaction patterns, enterprise product design, developer tools, or complex B2B SaaS. You do not need to be equally deep in tokens, components, and patterns. We expect candidates to have a stronger spike in one area, but we are looking for designers who understand how the pieces connect. You are comfortable moving between product strategy, detailed interaction design, system architecture, documentation, and cross-functional influence. You can zoom into the details of a component state, token decision, accessibility requirement, or interaction pattern, then zoom out to explain why it matters across the broader platform. We’re especially interested in people who have: Extensive experience with enterprise design systems or complex multi-product platforms, spanning governance, adoption, documentation, accessibility, contribution models, and cross-team influence — not just component creation A strong spike in one or more 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: enterprise SaaS, CRM, developer tools, commerce, data-heavy products, AI-assisted workflows, or other complex product environments Experience designing reusable components across anatomy, states, variants, behaviors, accessibility, responsive rules, and implementation constraints Experience owning visual foundations at scale — tokens, theming, color, typography, iconography, and motion Strong engineering partnership on component APIs, tokens, documentation, implementation fidelity, and front-end architecture A track record of improving adoption, contribution models, governance, migration, and team enablement Staff-level autonomy: identifying the right problems, setting direction, influencing partners, and driving resolution without close oversight Strong product craft with the ability to balance consistency, flexibility, usability, accessibility, and implementation reality Curiosity and rigor around evolving design systems for AI-assisted product development A portfolio showing system-level work — not isolated screens or visual explorations Clear communication of system decisions to designers, engineers, product leaders, and non-specialist stakeholders Role Focus Areas During the interview process, we’ll spend time understanding which Trellis focus area best matches your experience and interests. Some candidates may align most closely with Tokens and Visual Language, others with Components, and others with Patterns. All three roles are Staff-level IC roles on the same Trellis team. Each role has broad ownership, meaningful cross-team influence, and a shared mission of modernizing HubSpot’s enterprise design system for the next era of product development. About UX at HubSpot Our UX team is a passionate and diverse group of more than 200 product designers, content designers, researchers, and design ops folks who build consumer-grade experiences while solving enterprise-level problems. We’re set up to work as equal partners to our peers in product management and engineering. And we design and deliver a crafted experience to our customers by setting a high bar on ease of use. We involve our customers in every step of our development process, and we strive to deliver a B2B product that’s just as easy to use as the best B2C products on the market. When our customers grow, we grow too. Cash compensation range: $190,100 - $304,200 USD Annually Pay & Benefits The cash compensation below includes base salary, on-target commission for employees in eligible roles, and annual bonus targets under HubSpot’s bonus plan for eligible roles. In addition to cash compensation, some roles are eligible to participate in HubSpot’s equity plan to receive restricted stock units (RSUs). Some roles may also be eligible for overtime pay. Individual compensation packages are tailored to your skills, experience, qualifications, and other job-related reasons. This resource will help guide how we recommend thinking about the range you see. Learn more about HubSpot’s compensation philosophy . Benefits are also an important piece of your total compensation package. Explore the benefits and perks HubSpot offers to help employees grow better. At HubSpot, fair compensation practices aren’t just about checking off the box for legal compliance. It’s about living out our value of transparency with our employees, candidates, and community. Annual Cash Compensation Range: $190,100 — $304,200 USD We know the confidence gap and impostor syndrome can get in the way of meeting spectacular candidates, so please don’t hesitate to apply — we’d love to hear from you. If you need accommodations or assistance due to a disability, please reach out to us using this form . At HubSpot, we value both flexibility and connection. Whether you’re a Remote employee or work from the Office, we want you to start your journey here by building strong connections with your team and peers. If you are joining our Engineering team, you will be required to attend a regional HubSpot office for in-person onboarding. If you join our broader Product team, you’ll also attend other in-person events, such as your Product Group Summit and other gatherings, to continue building on those connections. If you require an accommodation due to travel limitations or other reasons, please inform your recruiter during the hiring process. We are committed to supporting candidates who may need alternative arrangements Massachusetts Applicants: It is unlawful in Massachusetts to require or administer a lie detector test as a condition of employment or continued employment. An employer who violates this law shall be subject to criminal penalties and civil liability. Germany Applicants: (m/f/d) - link to HubSpot's Career Diversity page here . India Applicants: link to HubSpot India's equal opportunity policy here . About HubSpot HubSpot (NYSE: HUBS) is an AI-powered customer platform with all the software, integrations, and resources customers need to connect marketing, sales, and service. HubSpot's connected platform enables businesses to grow faster by focusing on what matters most: customers. At HubSpot, bold is our baseline. Our employees around the globe move fast, stay customer-obsessed, and win together. Our culture is grounded in four commitments: Solve for the Customer, Be Bold, Learn Fast, Align, Adapt & Go!, and Deliver with HEART. These commitments shape how we work, lead, and grow. We’re building a company where people can do their best work . We focus on brilliant work, not badge swipes. By combining clarity, ownership, and trust, we create space for big thinking and meaningful progress. And we know that when our employees grow, our customers do too. Recognized globally for our award-winning culture by Comparably, Glassdoor, Fortune, and more, HubSpot is headquartered in Cambridge, MA, with employees and offices around the world. Explore more: HubSpot Careers Life at HubSpot on Instagram HubSpot may use AI to help screen or assess candidates, but all hiring decisions are always human. More information can be found here . By submitting your application, you agree that HubSpot may collect your personal data for recruiting, global organization planning, and related purposes. We may use CLEAR ID Verification during the hiring process to confirm your identity and help maintain a safe, secure, and trusted experience for all candidates. Refer to HubSpot's Recruiting Privacy Notice for details on data processing and your rights.

Requirements

Must-haves

About the Team
This is the environment you’re stepping into, and it is exactly the right moment to shape how HubSpot builds.
Each role will focus on a different part of the system:
Own and evolve a major focus area within Trellis, either Tokens and Visual Language, Components, or Patterns
Partner with product, engineering, content design, research, and design technology to define system guidance that is usable, scalable, accessible, and practical to implement
Make high-judgment system decisions that balance consistency, flexibility, accessibility, technical constraints, product team needs, and customer experience
Help reduce fragmentation across HubSpot by creating shared foundations that teams can trust, adopt, and contribute to
Improve alignment between Figma, documentation, and front-end implementation so Trellis becomes easier to use and harder to misuse
Define documentation and usage guidance that helps designers, engineers, and AI assisted tools understand how to apply the system correctly
Partner with product teams to understand adoption friction, edge cases, implementation gaps, and emerging needs
Contribute to governance and contribution models that allow Trellis to evolve without creating drift
Support accessibility, internationalization, responsive behavior, and implementation quality as core requirements of the system
Collaborate with design technologists and engineers on component APIs, design tokens, implementation fidelity, usage constraints, acceptance criteria, and system tooling
Hold a high quality bar for the system while building trust with teams across the organization
Help Trellis become more machine readable as well as human readable, so it can support AI coding tools, MCP integrations, and future generative UI workflows
Who We’re Looking For
A strong spike in one or more 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: enterprise SaaS, CRM, developer tools, commerce, data-heavy products, AI-assisted workflows, or other complex product environments
Experience designing reusable components across anatomy, states, variants, behaviors, accessibility, responsive rules, and implementation constraints
Experience owning visual foundations at scale — tokens, theming, color, typography, iconography, and motion
Strong engineering partnership on component APIs, tokens, documentation, implementation fidelity, and front-end architecture
A track record of improving adoption, contribution models, governance, migration, and team enablement
Staff-level autonomy: identifying the right problems, setting direction, influencing partners, and driving resolution without close oversight
Strong product craft with the ability to balance consistency, flexibility, usability, accessibility, and implementation reality

Nice-to-haves

None flagged.

Application prep

Use the role’s language and application details while tailoring your materials.

Keywords to mirror

design systemaifigmaaccessibilitydesign systemsgo

Platform: greenhouse
Effort: quick