Principal Software Engineer, Frontend - Design Systems

POS-32945 About the Team Hubspot is in the middle of an ambitious evolution from our current Canvas design system, to our new design system, Trellis. The Trellis design system is a theme change, a modern component library leveraging open source packages (Base UI and StyleX), and defines new UI/UX patterns for use across all of HubSpot’s customer facing applications. The end goal is to provide a foundation to our hundreds of product engineering teams, assisted by coding agents, to build a world class customer experience. This is a rare moment to shape the HubSpot product experience, used by over 250,000 paying customers and millions of users, from the design systems foundation itself. About the Role We're looking for a Principal Software Engineer to lead the frontend technical direction for the Trellis design system and component library. This is a deeply hands-on role for a builder who loves frontend craft, cares about design quality, but understands that the design system has to serve product engineering’s needs. You know that a design system only has value when it is being used by product teams, it accelerates their development, and that the default outcome is a world class customer experience. Principal Engineers at HubSpot go deep on the organization's hardest problems and see them through. Once Trellis reaches maturity, you'll have the opportunity to take that expertise and influence to the next highest-leverage area across Frontend Engineering. What You'll Do Drive the evolution of the Trellis design system during HubSpot's 2026 UI modernization, shaping the entire product experience Work closely with Trellis team and Product teams to build and expose a world class component library where the default experience sets a high visual bar, beautiful, fast, consistent, and intentional Define the accessibility capability model for Trellis: the controls, toggles, and patterns that let customers and users meet their needs, rather than designing to the lowest common denominator by default Define and develop internal tooling to support the evolution of Trellis at scale, giving the team the ability to test and iterate on theme and style changes Define and develop the migration tooling that moves HubSpot's Canvas applications to Trellis at scale, codemods, automated refactoring pipelines, and coding agent workflows that make the right path the easy path for product engineers Make practical decisions about the component library API interface and abstractions exposed to engineers and designers Leverage coding agents to ship production code regularly and lead complex initiatives from idea to rollout Mentor Staff and Senior engineers, and drive organizational thought leadership on frontend craft. Setting the bar for how HubSpot builds UI, not just on the Trellis team but across the engineering organization Partner with engineering leads, PMs, and UX to align frontend direction with HubSpot's product roadmap What We're Looking For 14+ years of software engineering experience, with a track record of Principal-scope impact on your organization’s most critical business and customer needs Deep expertise in React, TypeScript, and modern JavaScript frameworks, architecture,  and infrastructure. Experience with modern component libraries and tooling, we’re using BaseUI, and StyleX, and our theme deployment infrastructure leverages Cloudflare Workers Experience developing and shipping a production design system that is used at scale A hands-on builder mindset. You lead by writing, debugging, reviewing, shipping, and thrive on feedback Fluency with AI coding agents, and a perspective on how they change frontend development at scale, and a belief that they will Why This Role Matters HubSpot is evolving as a product to become the Agentic Customer Platform of choice for growing businesses. We’re also modernizing the product, both style and technology, defining new patterns for how AI-native products best serve the customer. The Principal Software Engineer in Design Systems will determine how the next generation of HubSpot's UI is built, how teams adopt the Trellis design system, and how frontend architecture scales to support AI-native product development. This is a chance to leave your fingerprints on the platform more than a million people use to grow their businesses every day. 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: $266,200 — $425,900 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 atte