Principal Software Engineer, Frontend - Design Systems
Job description
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.
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 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.
One profile. Every role.
Create your candidate profile once. R1 handles the matching, the tailoring, and the applications.
Create your profile